:root{--blue:#1687ff;--cyan:#62d8ff;--ink:#010712;--panel:rgba(2,12,28,.88);--line:rgba(70,174,255,.75);--text:#edf7ff;--muted:#a9c3df;--rank1:#e4c6ff;--rank2:#9b5de5;--rank3:#54218c;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{min-height:100%;background:#000}body{margin:0;min-height:100vh;color:var(--text);font-family:"Noto Sans JP",sans-serif;background:radial-gradient(circle at 50% 45%,#052553 0,#020a19 34%,#000 76%);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}[hidden]{display:none!important}
.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,rgba(0,33,89,.2),transparent 30%,rgba(0,59,150,.12) 68%,transparent)}.cosmos:before,.cosmos:after{content:"";position:absolute;width:65vw;height:75vh;filter:blur(20px);opacity:.45;background:radial-gradient(ellipse,transparent 30%,rgba(0,88,255,.3) 45%,transparent 68%);transform:rotate(-35deg)}.cosmos:before{left:-34vw;top:-22vh}.cosmos:after{right:-40vw;bottom:-24vh;transform:rotate(35deg)}.cosmos span{position:absolute;width:3px;height:3px;border-radius:50%;background:white;box-shadow:8vw 8vh 1px #1687ff,19vw 38vh 2px #1687ff,31vw 12vh 1px #fff,46vw 29vh 2px #1687ff,57vw 7vh 1px #fff,69vw 50vh 2px #1687ff,78vw 18vh 1px #fff,90vw 67vh 2px #1687ff,12vw 76vh 2px #1687ff,38vw 88vh 1px #fff,62vw 79vh 2px #1687ff,85vw 91vh 1px #fff}.cosmos span:nth-child(2){transform:translate(4vw,18vh);opacity:.5}.cosmos span:nth-child(3){transform:translate(-9vw,40vh);opacity:.35}
.app-shell{width:100%;min-height:100vh}.screen{min-height:100svh;width:100%;padding:18px 14px calc(18px + var(--safe));animation:screen-in .35s ease}.screen.is-active{display:block}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hud-frame{position:relative;width:min(100%,520px);margin:auto;border:1px solid rgba(68,165,255,.68);background:linear-gradient(145deg,rgba(1,8,20,.9),rgba(1,13,32,.78));clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:inset 0 0 30px rgba(0,92,255,.06),0 0 22px rgba(0,70,180,.18)}.hud-frame:before,.hud-frame:after{content:"";position:absolute;z-index:2;pointer-events:none}.hud-frame:before{inset:8px;border:1px solid rgba(68,165,255,.2);clip-path:inherit}.hud-frame:after{top:-1px;left:36%;width:28%;height:2px;background:#77dcff;box-shadow:0 0 10px #1687ff}
.home-screen{display:grid;place-items:center}.home-frame{min-height:calc(100svh - 36px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 30px}.brand-lockup{text-align:center;margin-top:auto}.brand-kicker{font-family:"Noto Serif JP",serif;font-size:clamp(30px,8vw,42px);margin:0 0 -8px;text-shadow:0 0 8px #1687ff;color:#f5fbff}.brand-title,.screen-title{font-family:"Noto Serif JP",serif;background:linear-gradient(#fff 10%,#b7ddff 38%,#fff 55%,#3c88dc 78%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(35,136,255,.38)}.brand-title{font-size:clamp(58px,16vw,82px);line-height:1.12;margin:0;letter-spacing:.02em}.brand-rule{margin:20px auto 0;color:#fff;font-family:serif;font-size:clamp(21px,6vw,30px);letter-spacing:.28em;background:linear-gradient(90deg,transparent,#0757aa 18%,#08295b 80%,transparent);padding:4px 18px;text-shadow:0 0 8px #1687ff}.brand-rule sup{font-size:8px}.cyber-button{position:relative;width:100%;min-height:68px;border:1px solid #79cfff;background:linear-gradient(180deg,rgba(5,29,65,.75),rgba(0,8,22,.92));color:#eaf7ff;font-family:"Noto Serif JP",serif;font-size:clamp(22px,6vw,30px);letter-spacing:.06em;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 25px rgba(0,110,255,.18);text-shadow:0 0 9px #1687ff;transition:.2s}.cyber-button:hover{background:linear-gradient(180deg,rgba(10,67,139,.85),rgba(0,14,38,.94));filter:brightness(1.15)}.cyber-button:active{transform:scale(.985)}.cyber-button--hero{margin:90px 0 auto;max-width:390px}.portal{width:78%;height:55px;margin:45px auto -25px;border-radius:50%;border:1px solid rgba(30,128,255,.55);background:radial-gradient(ellipse,rgba(35,149,255,.7),rgba(0,55,160,.12) 24%,transparent 65%);box-shadow:0 0 24px rgba(0,93,255,.38)}.portal--small{margin-top:28px;height:34px}
.content-frame{min-height:calc(100svh - 36px);padding:58px 44px 42px;text-align:center}.screen-title{font-size:clamp(38px,11vw,56px);letter-spacing:.12em;margin:0}.ornament-rule{display:flex;align-items:center;gap:12px;justify-content:center;color:#8acbff;margin:20px auto 30px}.ornament-rule:before,.ornament-rule:after{content:"";height:1px;width:30%;background:linear-gradient(90deg,transparent,#9ed8ff)}.ornament-rule:after{transform:scaleX(-1)}.guide-lead,.summary-lead{font-size:18px;line-height:1.8;margin:0 0 25px}.scale-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scale-list li,.answer-option{display:grid;grid-template-columns:82px 1fr;align-items:center;min-height:70px;border:1px solid rgba(102,190,255,.58);background:rgba(0,8,20,.66);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.scale-list b,.answer-number{font-family:"Noto Serif JP",serif;font-size:36px;font-weight:500;color:#dcefff;text-shadow:0 0 8px #1687ff;border-right:1px solid rgba(150,210,255,.28);line-height:1.45}.scale-list span{font-size:15px}.guide-note{line-height:1.8;margin:22px 0}.guide-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:22px 0 34px}.guide-meta>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;padding:16px}.guide-meta>div+div{border-left:1px solid rgba(92,174,255,.3)}.meta-icon{grid-row:1/3;font-size:34px;align-self:center;color:#72caff}.guide-meta small{font-size:13px}.guide-meta strong{font-size:19px;font-weight:500}.guide-meta strong span{font-size:34px;color:#9ed8ff;text-shadow:0 0 8px #1687ff}
.quiz-screen{padding-bottom:calc(12px + var(--safe))}.quiz-layout{width:min(100%,520px);min-height:calc(100svh - 30px);margin:auto;display:flex;flex-direction:column}.quiz-progress{display:flex;align-items:center;gap:20px;padding:15px 18px}.quiz-progress span{font-family:"Noto Serif JP",serif;font-size:22px;white-space:nowrap}.progress-track{height:6px;border:1px solid #347dc1;flex:1}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#0f67ff,#73e9ff);box-shadow:0 0 8px #1687ff;transition:width .3s}.question-card{flex:1;padding:38px 36px 12px;display:flex;flex-direction:column}.question-domain{color:#29a8ff;font-family:"Noto Serif JP",serif;font-size:20px;margin:0 0 16px}.question-name{font-family:"Noto Serif JP",serif;font-size:34px;font-weight:500;margin:0 0 16px;text-shadow:0 0 8px rgba(22,135,255,.45)}.question-text{font-size:17px;line-height:1.9;margin:0 0 28px}.answer-options{display:grid;gap:10px}.answer-option{width:100%;color:#fff;padding:0;text-align:left;transition:.16s}.answer-option:hover,.answer-option.is-selected{border-color:#fff;background:rgba(10,79,151,.35);box-shadow:0 0 16px rgba(22,135,255,.45),inset 0 0 15px rgba(22,135,255,.14)}.answer-option[aria-checked=true]{outline:1px solid #67dfff}.answer-number{text-align:center}.answer-criteria{padding:0 18px;font-size:15px}.question-error{color:#ffb8c4;text-align:center;margin:8px 0 0}.quiz-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 10px 0}.quiz-nav button,.detail-actions button,.detail-actions a{min-height:58px;border:1px solid rgba(103,196,255,.7);background:rgba(1,11,28,.9);text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:600;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.quiz-nav button:last-child{box-shadow:0 0 14px rgba(22,135,255,.32)}.quiz-nav button:disabled{opacity:.28;cursor:not-allowed}
.loading-screen,.result-summary-screen{display:grid;place-items:center}.loading-frame,.result-frame{min-height:calc(100svh - 36px);padding:70px 38px 24px;text-align:center}.loading-frame>p{font-size:16px}.radial-loader{width:280px;height:280px;max-width:76vw;max-height:76vw;border-radius:50%;margin:35px auto;background:conic-gradient(#33b6ff calc(var(--progress)*1%),rgba(17,72,137,.25) 0);padding:12px;box-shadow:0 0 25px rgba(22,135,255,.45);position:relative}.radial-loader:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 3deg,#011127 3deg 4deg);opacity:.28}.radial-loader>div{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:#020a18;display:grid;place-content:center}.radial-loader strong{font-family:"Noto Serif JP",serif;font-size:70px;font-weight:500;text-shadow:0 0 12px #1687ff}.radial-loader span{font-size:24px}.radial-loader small{display:block;color:#82bfff}.analysis-note{border:1px solid var(--line);display:flex;align-items:center;text-align:left;padding:20px;margin-top:32px}.analysis-note>span{font-size:42px;color:#6dcaff;margin-right:18px}.analysis-note p{line-height:1.8}.tip{color:#77aaff!important;margin-top:35px}.tip span{color:#9cb2ca;font-size:13px}
.result-frame{display:flex;flex-direction:column;align-items:center}.summary-lead{margin:0}.rank-medallion{width:300px;height:300px;max-width:74vw;max-height:74vw;margin:18px auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rank1);background:radial-gradient(circle,rgba(0,0,0,.95) 45%,rgba(22,135,255,.15));box-shadow:0 0 28px var(--rank2),inset 0 0 22px rgba(22,135,255,.35)}.rank-medallion strong,.detail-hero>div:first-child strong{font-family:"Noto Serif JP",serif;font-size:clamp(110px,30vw,160px);line-height:1;background:linear-gradient(145deg,var(--rank1),#fff 38%,var(--rank2) 65%,var(--rank3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px var(--rank2))}.summary-score{width:82%;border:1px solid var(--line);padding:12px;margin-bottom:22px}.summary-score strong{font-family:"Noto Serif JP",serif;font-size:68px;font-weight:500;text-shadow:0 0 12px #1687ff}.summary-score span{font-family:serif;font-size:24px;margin-left:8px}.rank-scale{width:100%;display:grid;grid-template-columns:repeat(10,1fr);border:1px solid var(--line);padding:10px 6px;margin-bottom:25px}.rank-scale span{font-family:serif;font-size:16px;color:#abcfff;padding:8px 1px}.rank-scale span.is-current{color:var(--rank1);border:1px solid var(--rank2);box-shadow:0 0 10px var(--rank2);background:rgba(255,255,255,.04)}.result-frame .cyber-button{min-height:70px}.text-button{border:0;background:transparent;color:#89acd2;text-decoration:underline;text-underline-offset:4px;padding:15px;margin-top:8px}
.detail-screen{padding:12px}.detail-frame{padding:12px 18px 24px;max-width:620px}.detail-header{display:grid;grid-template-columns:52px 1fr 52px;align-items:center}.detail-header h2{font-family:"Noto Serif JP",serif;font-size:20px;text-align:center;font-weight:500}.icon-button{width:46px;height:46px;border:1px solid var(--line);background:#020b1b;font-size:30px}.detail-hero{display:grid;grid-template-columns:42% 58%;align-items:center;border:1px solid var(--line);margin:10px 10% 16px;min-height:170px}.detail-hero>div{text-align:center}.detail-hero small{display:block;font-family:"Noto Serif JP",serif}.detail-hero>div:first-child strong{font-size:100px}.detail-hero p{margin:6px 0}.detail-hero p strong{font-family:"Noto Serif JP",serif;font-size:68px;color:var(--rank1);text-shadow:0 0 10px var(--rank2)}.detail-hero p span{font-family:serif}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.domain-card,.detail-panel{border:1px solid var(--line);background:rgba(1,8,20,.66)}.domain-card{padding:15px}.domain-card header{display:flex;align-items:center;gap:10px}.domain-icon{font-size:25px;color:#75c8ff}.domain-card h3{margin:0;flex:1;font-family:"Noto Serif JP",serif;font-weight:500}.domain-card strong{font-size:30px;font-family:serif}.score-bar{height:6px;border:1px solid #1d6ca7;margin-top:10px}.score-bar span{display:block;height:100%;background:linear-gradient(90deg,#096bff,#62e5ff);box-shadow:0 0 8px #1687ff}.detail-panel{margin-top:12px;padding:15px}.detail-panel h3{text-align:center;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:500;margin:0 0 14px}.appearance-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.appearance-item{text-align:center;border-right:1px solid rgba(93,166,231,.22)}.appearance-item:last-child{border:0}.appearance-item small{display:block;font-size:10px;min-height:30px}.appearance-item .appearance-icon{font-size:22px;color:#77caff}.appearance-item strong{font-family:serif;font-size:21px}.appearance-item .score-bar{height:4px;margin:5px}.advice-panel ol{list-style:none;padding:0;margin:0;counter-reset:advice}.advice-panel li{counter-increment:advice;position:relative;padding:14px 8px 14px 54px;border-bottom:1px solid rgba(90,150,220,.25);line-height:1.7;font-size:13px}.advice-panel li:last-child{border:0}.advice-panel li:before{content:counter(advice);position:absolute;left:8px;top:18px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #3ea6ff;transform:rotate(45deg);color:#badeff}.advice-panel li span{display:block}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.detail-actions button,.detail-actions a{font-size:14px}.detail-actions a:nth-of-type(1){grid-column:1/-1}.detail-actions .text-button{grid-column:1/-1;border:0;clip-path:none;background:transparent;min-height:40px}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe));transform:translate(-50%,20px);background:#eaf6ff;color:#051022;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:99;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
body[data-rank="SSS"]{--rank1:#fff;--rank2:#bff6ff;--rank3:#f4c6ff}body[data-rank="SS"]{--rank1:#fff;--rank2:#dce8f2;--rank3:#a8b8c8}body[data-rank="S"]{--rank1:#fff4a3;--rank2:#ffd700;--rank3:#b97800}body[data-rank="A"]{--rank1:#f8fafc;--rank2:#bcc5d0;--rank3:#737e8c}body[data-rank="B"]{--rank1:#e4c6ff;--rank2:#9b5de5;--rank3:#54218c}body[data-rank="C"]{--rank1:#8dcaff;--rank2:#2878d0;--rank3:#123b78}body[data-rank="D"]{--rank1:#8eefc1;--rank2:#25a86b;--rank3:#12563b}body[data-rank="E"]{--rank1:#e5a56d;--rank2:#a65f32;--rank3:#62341f}body[data-rank="F"]{--rank1:#c1c8d0;--rank2:#727d89;--rank3:#292f36}body[data-rank="G"]{--rank1:#b6b6b6;--rank2:#686868;--rank3:#383838}
@media(max-width:430px){.screen{padding:8px}.content-frame{padding:42px 24px 30px}.scale-list li{grid-template-columns:65px 1fr;min-height:61px}.scale-list b{font-size:31px}.question-card{padding:28px 22px 8px}.question-name{font-size:29px}.question-text{font-size:15px}.answer-option{grid-template-columns:65px 1fr;min-height:60px}.answer-number{font-size:31px}.rank-scale span{font-size:13px}.detail-frame{padding:8px 10px 20px}.detail-hero{margin:8px 2% 12px}.appearance-grid{grid-template-columns:repeat(4,1fr);row-gap:12px}.appearance-item:nth-child(4){border:0}.domain-card{padding:12px}.domain-card strong{font-size:25px}}
@media(min-width:700px){.screen{padding:28px}.hud-frame{max-width:620px}.home-frame{max-width:620px}.detail-frame{max-width:720px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{.cosmos,.detail-actions,.detail-header{display:none!important}.detail-screen{padding:0}.detail-frame{border:0;max-width:none}.screen:not(.detail-screen){display:none!important}}
.brand-title{font-size:clamp(48px,13vw,72px);letter-spacing:.01em;white-space:nowrap}
.detail-actions a{color:var(--text)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-image{display:block;width:min(112%,590px);max-width:none;margin:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 9px rgba(20,125,255,.48))}
.quiz-home-logo{width:156px;height:76px;padding:4px;border:0;background:transparent;align-self:flex-start;margin:0 0 0 10px;position:relative;z-index:5}
.quiz-home-logo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(22,135,255,.55))}
@media(max-width:430px){.brand-image{width:120%;margin-left:-10%}.quiz-home-logo{width:140px;height:68px;margin-left:6px}}

/* Supplied artwork is kept byte-for-byte and used as the primary visual layer. */
.home-screen,.guide-screen,.loading-screen{padding:0;background:#000}
.home-frame,.guide-screen .content-frame,.loading-frame{width:min(100%,941px);max-width:941px;min-height:0;aspect-ratio:941/1672;border:0;clip-path:none;padding:0;background:#000;overflow:hidden}
.home-frame:before,.home-frame:after,.guide-screen .content-frame:before,.guide-screen .content-frame:after,.loading-frame:before,.loading-frame:after{display:none}
.reference-screen-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.reference-hotspot{position:absolute;z-index:4;border:0;background:transparent;clip-path:none;box-shadow:none}
.home-start-hotspot{left:11.5%;top:61.2%;width:77%;height:12.5%}
.home-start-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.guide-screen .content-frame{background:#000 url('../images/references/guide.png') center/contain no-repeat}
.guide-screen .content-frame>*{opacity:0}
.guide-screen #guideStartButton{position:absolute;z-index:4;left:9%;bottom:2.4%;width:82%;height:11.7%;margin:0;opacity:0}
.guide-screen #guideStartButton:focus-visible{opacity:1;background:rgba(0,24,66,.3);outline:3px solid #fff;outline-offset:-7px}
.loading-frame{background:linear-gradient(145deg,#010814,#010d20)}
.loading-frame>*{opacity:1}

.question-card{background:linear-gradient(145deg,#010814,#010d20)}
.result-frame{background:linear-gradient(145deg,#010814,#010d20)}
.detail-frame{background:linear-gradient(145deg,#010814,#010d20)}
.rank-medallion{overflow:hidden;padding:2%}
.rank-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px var(--rank2))}
.rank-image.is-loading,.rank-image:not([src]){opacity:0}
.rank-image{transition:opacity .16s ease}
.rank-medallion .rank-image{width:142%;height:142%;max-width:none;flex:0 0 auto}
body[data-rank="SS"] .rank-medallion .rank-image{width:130%;height:130%}
body[data-rank="SSS"] .rank-medallion .rank-image{width:114%;height:114%}
.rank-image--detail{width:100%;height:130px;margin:auto;object-fit:contain}
.detail-hero>div:first-child{overflow:hidden}

@media(min-aspect-ratio:941/1672){.home-frame,.guide-screen .content-frame,.loading-frame{height:100svh;width:auto}}

.scale-list span,.answer-criteria{display:flex;flex-direction:column;justify-content:center;gap:3px}
.scale-list span strong,.answer-criteria strong{font-size:15px;font-weight:600}
.scale-list span small,.answer-criteria small{font-size:11px;line-height:1.45;color:#a9c3df}
.answer-option{min-height:78px}
@media(max-width:430px){.answer-option{min-height:72px}.answer-criteria strong{font-size:13px}.answer-criteria small{font-size:9px}}

.detail-header:after{content:"";display:block;width:46px;height:46px}
.domain-card header{min-width:0;gap:6px}
.domain-card h3{white-space:nowrap;flex:0 0 auto}
.domain-card strong{margin-left:auto;white-space:nowrap}
.domain-card strong small{font-size:.48em}
.advice-panel li:before{transform:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-style:normal;font-family:"Noto Sans JP",sans-serif}
@media(max-width:430px){.domain-card h3{font-size:14px}.domain-icon{font-size:20px}.domain-card strong{font-size:21px}.domain-card{padding:10px}.advice-panel h3{line-height:1.65}}

@media(hover:none){.answer-option:hover:not(.is-selected){border-color:rgba(102,190,255,.58);background:rgba(0,8,20,.66);box-shadow:none}}
.rank-medallion{background:#000}
.rank-medallion .rank-image{width:100%;height:100%;max-width:100%;flex:0 0 auto}
body[data-rank="SS"] .rank-medallion .rank-image,body[data-rank="SSS"] .rank-medallion .rank-image{width:100%;height:100%}
.detail-hero,.detail-hero>div:first-child{background:#000}
.rank-image{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}
.rank-image{filter:none}
.advice-panel li{padding-top:8px;padding-bottom:10px}
.advice-panel li:before{top:10px}
.measurement-date{margin:0 0 16px;color:#91b9dc;font-size:13px;text-align:center;letter-spacing:.04em}
.measurement-date--detail{margin:0 0 8px}
.integration-save{width:100%;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(103,196,255,.7);background:rgba(1,18,42,.88);text-align:center;color:#cceaff}
.integration-save--detail{margin:0 0 12px}
.integration-save p{margin:0;line-height:1.6;font-size:13px;font-weight:600}
.integration-save button,.integration-save a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:10px 4px 0;padding:8px 15px;border:1px solid #7bd7ff;background:#052b5d;color:#fff;text-decoration:none;font-weight:700}
.integration-save[data-state="saving"]{border-color:#8fcfff}
.integration-save[data-state="saved"]{border-color:#70e0ac;background:rgba(2,54,44,.7);color:#c9ffe7}
.integration-save[data-state="error"]{border-color:#ff9cad;background:rgba(67,9,24,.72);color:#ffd7df}
.integration-saving-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(0,4,14,.94);backdrop-filter:blur(8px)}
.integration-saving-card{width:min(100%,420px);padding:46px 28px;text-align:center}
.integration-saving-card h2{margin:24px 0 12px;font-family:"Noto Serif JP",serif;font-size:clamp(26px,8vw,38px);letter-spacing:.06em;color:#e9f7ff;text-shadow:0 0 12px #1687ff}
.integration-saving-card p{margin:0;color:#b8d8f4;font-size:14px;line-height:1.9}
.integration-saving-spinner{width:74px;height:74px;margin:auto;border:5px solid rgba(104,194,255,.2);border-top-color:#75dcff;border-radius:50%;box-shadow:0 0 18px rgba(22,135,255,.4);animation:integration-spin .85s linear infinite}
@keyframes integration-spin{to{transform:rotate(360deg)}}