:root{color-scheme:dark;--panel:#0e191d;--line:#263a3f;--text:#edf6f3;--muted:#93aaa5;--green:#67e892;--green2:#a3f3bf;--warn:#f2d57d;--danger:#ff9292;--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(103,232,146,.08),transparent 28%),linear-gradient(#081014,#091216);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.st-shell{width:min(1160px,calc(100% - 28px));margin:auto}.st-hero{min-height:calc(100dvh - 62px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 0}.st-kicker{font-size:.7rem;letter-spacing:.18em;color:var(--green);font-weight:850}.st-hero h1{margin:8px 0 10px;font-size:clamp(3.3rem,12vw,7.5rem);line-height:.82;letter-spacing:-.065em}.st-hero h1 span{font-size:.35em;color:var(--green);vertical-align:top}.st-concept{font-size:clamp(1.05rem,3vw,1.4rem);font-weight:750}.st-handsfree{max-width:680px;text-align:left;border:1px solid rgba(103,232,146,.25);background:rgba(103,232,146,.05);border-radius:var(--r);padding:15px 19px;margin:10px 0}.st-handsfree strong{color:var(--green2)}.st-handsfree p{margin:5px 0 0;color:#cbd9d5}.st-mic{color:var(--green);font-size:.75rem;letter-spacing:.15em;margin:22px 0 8px}.st-primary,.st-secondary{min-height:52px;border-radius:14px;padding:14px 24px;font-weight:900;letter-spacing:.05em}.st-primary{border:0;background:var(--green);color:#062016}.st-secondary{border:1px solid var(--line);background:#10211f;color:var(--text)}.st-retry{margin-top:10px}.st-hero-status{height:26px;margin:8px 0 0;color:var(--danger);font-size:.78rem}.st-privacy{font-size:.78rem;color:var(--muted)}.st-phase{font-size:.64rem;color:#6d827d;letter-spacing:.12em}.st-workspace{padding:24px 0 48px}.st-compact{min-height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.st-compact strong,.st-compact small{display:block}.st-compact small{color:var(--muted);font-size:.62rem}.st-status{height:32px;display:flex;align-items:center;color:var(--green);font-size:.75rem;font-weight:850;white-space:nowrap}.st-status[data-state="low"],.st-status[data-state="warning"]{color:var(--warn)}.st-status[data-state="clip"],.st-status[data-state="error"]{color:var(--danger)}.st-toolbar{display:flex;justify-content:center;align-items:center;gap:16px;margin:18px 0}.st-modes{width:min(430px,100%);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:999px;padding:4px}.st-modes button{min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850}.st-modes button.is-active{background:#193329;color:var(--green2)}.st-lang{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--muted)}.st-lang button{border:0;background:none;color:var(--muted);padding:9px 3px}.st-lang button.is-active{color:var(--green);font-weight:900}.st-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px}.st-panel{min-width:0;background:linear-gradient(180deg,rgba(16,31,34,.96),rgba(10,20,23,.96));border:1px solid var(--line);border-radius:var(--r);padding:20px}.st-test-label{text-align:center;color:var(--warn);font-size:.62rem;letter-spacing:.09em}.st-note{text-align:center;font-size:clamp(5rem,12vw,8rem);font-weight:900;line-height:.9;letter-spacing:-.06em}.st-solfege{text-align:center;color:var(--muted)}.st-frequency{text-align:center;font-size:clamp(1.55rem,4vw,2.15rem);font-variant-numeric:tabular-nums}.st-frequency span,.st-cent span{font-size:.5em;color:var(--muted)}.st-meter{margin:22px 0}.st-meter-label,.st-meter-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem}.st-meter-line{height:42px;position:relative;background:linear-gradient(90deg,transparent 0 49.8%,var(--green) 49.8% 50.2%,transparent 50.2%);border-bottom:2px solid #355158}.st-dot{position:absolute;left:51.4%;bottom:-10px;width:18px;height:18px;border-radius:50%;background:var(--green)}.st-cent{text-align:center;font-size:1.55rem;font-weight:850}.st-intune{text-align:center;color:var(--green);font-weight:900}.st-intune small{color:var(--warn);font-size:.55rem}.st-live-input{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.st-input-head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.st-input-head strong[data-state="good"]{color:var(--green)}.st-input-head strong[data-state="low"]{color:var(--warn)}.st-input-head strong[data-state="clip"]{color:var(--danger)}.st-level{height:12px;background:#17272b;border-radius:99px;position:relative;overflow:hidden;margin:8px 0}.st-level i{display:block;width:0;height:100%;background:linear-gradient(90deg,#377b5d,var(--green),var(--warn));transition:width .08s linear}.st-level em{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:0}.st-input-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-input-values div{background:#091417;padding:8px 10px;border-radius:9px}.st-input-values span{display:block;font-size:.6rem;color:var(--muted)}.st-input-values strong{font-variant-numeric:tabular-nums}.st-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.st-actions button{min-height:48px;border:1px solid #35544c;border-radius:12px;background:#10211f;color:var(--text);font-weight:850}.st-actions button.is-active{background:var(--green);color:#062016}.st-stop{display:block;width:100%;min-height:44px;margin-top:10px;border:1px solid #4b3d3d;border-radius:12px;background:#151416;color:#cbb;font-weight:800;letter-spacing:.04em}.st-stop:hover{border-color:#765454;color:#f0d7d7}.st-restart{display:block;width:100%;margin-top:10px}details{border-bottom:1px solid var(--line)}details:last-child{border:0}summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:850;letter-spacing:.04em;list-style:none}summary::-webkit-details-marker{display:none}summary small{font-size:.56rem;color:var(--muted)}summary:after{content:"＋";color:var(--green)}details[open] summary:after{content:"−"}.st-details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px}.st-details div{background:#0a1518;border-radius:10px;padding:9px}.st-details dt{font-size:.63rem;color:var(--muted)}.st-details dd{margin:2px 0 0;font-weight:750;overflow-wrap:anywhere}canvas{display:block;width:100%;height:auto;max-height:245px;background:#071115;border-radius:12px;margin:4px 0 18px}.st-harmonics{display:grid;gap:8px;padding:4px 0 18px}.st-harmonics div{display:grid;grid-template-columns:30px 1fr 45px;gap:8px;align-items:center;font-size:.72rem}.st-harmonics i{height:7px;width:var(--v);background:var(--green);border-radius:99px}.st-harmonics b{text-align:right;color:var(--muted)}.st-session{display:flex;justify-content:space-between;color:var(--green);font-size:.75rem;margin:18px 0}.st-tuner h3{font-size:.68rem;letter-spacing:.12em;color:var(--muted)}.st-testnote{text-align:center;color:var(--warn);font-size:.73rem}.st-info{padding:64px 0;border-top:1px solid rgba(103,232,146,.11)}.st-info h2{font-size:clamp(1.6rem,5vw,2.6rem);margin:4px 0 24px}.st-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.st-steps article,.st-data article{background:#0d181c;border:1px solid var(--line);border-radius:14px;padding:15px}.st-steps b{display:block;color:var(--green);font-size:.7rem}.st-steps span{font-weight:750}.st-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.st-data strong{color:var(--green)}.st-data p{margin:4px 0;color:#c4d3cf}.st-fine{color:var(--muted);font-size:.78rem}.st-privacybox{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.st-privacybox div{background:#071115;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column}.st-privacybox span{font-size:.65rem;color:var(--muted)}.st-privacybox strong{color:var(--green)}.st-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:90}.st-sheet{position:fixed;z-index:91;left:50%;bottom:0;transform:translate(-50%,105%);width:min(720px,100%);background:#0d191c;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:10px 20px max(22px,env(safe-area-inset-bottom));transition:transform .2s ease}.st-sheet.is-open{transform:translate(-50%,0)}.st-handle{width:48px;height:4px;border-radius:99px;background:#40565a;margin:2px auto 13px}.st-sheethead{display:flex;align-items:center;justify-content:space-between}.st-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#102025;color:var(--text);font-size:1.4rem}.st-tonecontrols{display:grid;gap:15px;margin-top:18px}.st-tonecontrols .st-primary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.st-grid{grid-template-columns:1fr}.st-toolbar{flex-direction:column}.st-lang{align-self:flex-end}.st-steps,.st-data,.st-privacybox{grid-template-columns:1fr}.st-compact{align-items:flex-start;padding:10px 0}.st-panel{padding:15px}.st-hero{min-height:auto;padding:64px 0 54px}.st-hero h1{font-size:clamp(3.2rem,18vw,5.4rem)}}@media(max-width:390px){.st-shell{width:min(100% - 20px,1160px)}.st-details{grid-template-columns:1fr}.st-compact small{display:none}.st-status{font-size:.65rem}.st-hero h1{font-size:17vw}}

.st-pitchfreq{font-variant-numeric:tabular-nums;font-size:clamp(3.8rem,10vw,6.4rem)}.st-pitch-details{margin-top:18px}

.st-phase3-controls,.st-reference-tone{margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.025)}
.st-phase3-controls h3,.st-reference-tone h3{margin:0 0 12px}
.st-setting-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.st-setting-grid label{display:grid;gap:6px;font-size:.82rem}
.st-setting-grid input,.st-setting-grid select{min-height:44px;padding:8px;border-radius:8px}
.st-preset-row,.st-tone-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.st-preset-row button,.st-tone-controls button{min-height:44px;padding:8px 12px}
.st-tone-readout{font-variant-numeric:tabular-nums}
.st-small{font-size:.78rem;opacity:.75}
#centDot{left:50%;transition:left .08s linear}

.st-vocal-results{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.st-vocal-results>div{background:#0d181c;border:1px solid var(--line);border-radius:12px;padding:10px}.st-vocal-results span{display:block;color:var(--muted);font-size:.62rem}.st-vocal-results strong{font-size:.8rem;font-variant-numeric:tabular-nums}@media(max-width:560px){.st-vocal-results{grid-template-columns:1fr}}

.st-vocal-event{min-height:2.4em;margin:-8px 0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.72rem}.st-vocal-event[data-state="complete"]{color:var(--green)}.st-vocal-event[data-state="ended"]{color:var(--warn)}