:root{--bg:#070a12;--bg-glow:#7896d212;--ornament-opacity:.11;--glass:#0e131de6;--glass-strong:#161c29;--glass-flat:#ffffff0a;--glass-border:#ffffff12;--glass-edge:#ffffff0a;--glass-shadow:0 1px 0 #ffffff05, 0 12px 32px #00000059;--inset:#ffffff0f;--track:#00000052;--border:#ffffff24;--text:#d4dae5;--text-strong:#f3f5f9;--text-muted:#8a93a6;--accent:#9fbfff;--accent-strong:#c3d4f7;--accent-soft:#9fbfff1a;--good:#7fd1b5;--warn:#ffcf7a;--danger:#ff8f94;--target:#e9b8c6;--lane-white:#ffffff09;--lane-black:#0004124d;--lane-line:#bed2ff14;--lane-c-line:#bed2ff52;--key-white:#eef3fc;--key-black:#0a1020;--key-comfortable:#8fb8ff;--key-comfortable-black:#4f7fd8;--key-full:#55698f;--key-full-black:#34456a;--key-stroke:#000410a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,SF Pro Text,SF Pro Display,Segoe UI Variable,Segoe UI,system-ui,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%, var(--bg-glow), transparent 70%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--ornament-opacity);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='112' height='48'><path fill='none' stroke='%23b9c9ee' stroke-width='0.9' d='M-10 -132H26C32 -132 32 -132 36 -128L76 -88C80 -84 80 -84 86 -84H122M-10 -126H26C32 -126 32 -126 36 -122L76 -82C80 -78 80 -78 86 -78H122M-10 -120H26C32 -120 32 -120 36 -116L76 -76C80 -72 80 -72 86 -72H122M-10 -114H26C32 -114 32 -114 36 -110L76 -70C80 -66 80 -66 86 -66H122M-10 -108H26C32 -108 32 -108 36 -104L76 -64C80 -60 80 -60 86 -60H122M-10 -84H26C32 -84 32 -84 36 -80L76 -40C80 -36 80 -36 86 -36H122M-10 -78H26C32 -78 32 -78 36 -74L76 -34C80 -30 80 -30 86 -30H122M-10 -72H26C32 -72 32 -72 36 -68L76 -28C80 -24 80 -24 86 -24H122M-10 -66H26C32 -66 32 -66 36 -62L76 -22C80 -18 80 -18 86 -18H122M-10 -60H26C32 -60 32 -60 36 -56L76 -16C80 -12 80 -12 86 -12H122M-10 -36H26C32 -36 32 -36 36 -32L76 8C80 12 80 12 86 12H122M-10 -30H26C32 -30 32 -30 36 -26L76 14C80 18 80 18 86 18H122M-10 -24H26C32 -24 32 -24 36 -20L76 20C80 24 80 24 86 24H122M-10 -18H26C32 -18 32 -18 36 -14L76 26C80 30 80 30 86 30H122M-10 -12H26C32 -12 32 -12 36 -8L76 32C80 36 80 36 86 36H122M-10 12H26C32 12 32 12 36 16L76 56C80 60 80 60 86 60H122M-10 18H26C32 18 32 18 36 22L76 62C80 66 80 66 86 66H122M-10 24H26C32 24 32 24 36 28L76 68C80 72 80 72 86 72H122M-10 30H26C32 30 32 30 36 34L76 74C80 78 80 78 86 78H122M-10 36H26C32 36 32 36 36 40L76 80C80 84 80 84 86 84H122M-10 60H26C32 60 32 60 36 64L76 104C80 108 80 108 86 108H122M-10 66H26C32 66 32 66 36 70L76 110C80 114 80 114 86 114H122M-10 72H26C32 72 32 72 36 76L76 116C80 120 80 120 86 120H122M-10 78H26C32 78 32 78 36 82L76 122C80 126 80 126 86 126H122M-10 84H26C32 84 32 84 36 88L76 128C80 132 80 132 86 132H122M-10 108H26C32 108 32 108 36 112L76 152C80 156 80 156 86 156H122M-10 114H26C32 114 32 114 36 118L76 158C80 162 80 162 86 162H122M-10 120H26C32 120 32 120 36 124L76 164C80 168 80 168 86 168H122M-10 126H26C32 126 32 126 36 130L76 170C80 174 80 174 86 174H122M-10 132H26C32 132 32 132 36 136L76 176C80 180 80 180 86 180H122'/></svg>") top/112px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(140% 90% at 50% 0,#000 0%,#0000008c 45%,#0000 85%);mask-image:radial-gradient(140% 90% at 50% 0,#000 0%,#0000008c 45%,#0000 85%)}h2{letter-spacing:-.015em;color:var(--text-strong);text-wrap:balance;margin:0 0 .4rem;font-size:1.3rem;font-weight:600;line-height:1.25}p{margin:.5rem 0}button{font:inherit;cursor:pointer;background:var(--glass-strong);color:var(--text-strong);letter-spacing:.005em;touch-action:manipulation;border:1px solid #ffffff1a;border-radius:12px;min-height:46px;padding:.6rem 1.15rem;font-weight:600;transition:transform .12s,background-color .15s,opacity .12s}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.mic-button.large{color:#0a0e17;background:#e9eef7;border-color:#0000}button.ghost{background:var(--glass);color:var(--text-strong);font-weight:500}button.wide{width:100%;margin:.5rem 0}button.danger{color:var(--danger);background:#ff8f941f;border-color:#ff8f9459}.muted{color:var(--text-muted)}.small{font-size:.875rem}.center{text-align:center}.error-text{color:var(--danger)}.app{max-width:1080px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:calc(112px + env(safe-area-inset-bottom,0px));margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:8px;padding-block:16px 12px;display:flex}.brand{letter-spacing:-.01em;color:var(--text-strong);align-items:center;gap:10px;font-size:1.2rem;font-weight:650;display:flex}.logo{background:var(--glass-strong);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--accent-strong);border-radius:10px;place-items:center;display:inline-grid}.tabs{z-index:20;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1019e0;border-radius:18px;gap:2px;width:min(100vw - 32px,460px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.tabs button{min-height:54px;box-shadow:none;color:var(--text-muted);letter-spacing:.02em;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:.72rem;font-weight:500;display:flex}.tabs button svg{width:22px;height:22px}.tabs button.active{background:var(--glass-flat);color:var(--text-strong)}.page{gap:14px;display:grid}.card{background:var(--glass);border:1px solid var(--glass-border);min-width:0;box-shadow:var(--glass-shadow);border-radius:18px;padding:22px;position:relative}@media (width>=900px){.live-page{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.mic-button.on{min-height:38px;color:var(--danger);background:var(--glass-strong);padding:.3rem 1rem;font-size:.875rem}.mic-button.large{width:100%;margin:.5rem 0;padding:.95rem;font-size:1.1rem}.mic-prompt{text-align:center;margin-bottom:8px}.alt-inputs{justify-items:center;gap:8px;margin:6px 0 10px;display:grid}.alt-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.file-button{background:var(--glass);min-height:46px;color:var(--text-strong);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:.6rem 1.15rem;font-weight:500;display:inline-flex}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:2px}.file-button.disabled{opacity:.45}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.notice{background:var(--glass);border:1px solid;border-radius:18px;margin:.75rem 0;padding:12px 16px;font-size:.925rem}.notice.warning{background:#ffbe5a1a;border-color:#ffcf7a61}.notice.error{background:#ff6e781a;border-color:#ff8f9466}.notice.info{background:var(--accent-soft);border-color:#96b9ff66}.readout{text-align:center;padding:4px 0 12px}.readout-note{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--text-strong) 30%, var(--accent-strong) 140%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,20vw,6rem);font-weight:700;line-height:1.02}.readout-note.empty{color:var(--border);background:0 0}.readout.compact .readout-note{font-size:3.2rem}.readout-cents{font-variant-numeric:tabular-nums;min-height:1.6em;font-size:1.1rem;font-weight:600}.in-tune{color:var(--good)}.off{color:var(--warn)}.readout-hz{font-variant-numeric:tabular-nums;font-size:.85rem}.cents-meter{background:var(--track);border-radius:999px;max-width:340px;height:14px;margin:10px auto 0;position:relative;box-shadow:inset 0 1px 4px #00020c99,0 1px #ffffff14}.cents-zone{background:#a6d2ff3d;border-radius:999px;width:20%;position:absolute;top:2px;bottom:2px;left:40%}.cents-center{opacity:.55;background:#fff;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;left:50%}.cents-needle{border:3px solid var(--warn);background:radial-gradient(circle at 35% 30%,#fff,#c9d8f2);border-radius:50%;width:24px;height:24px;margin-left:-12px;transition:left 70ms linear,border-color .15s;position:absolute;top:-5px;box-shadow:0 3px 8px #143c8259}.cents-needle.in-tune{border-color:var(--good)}.cents-label{color:var(--text-muted);font-size:.7rem;font-weight:600;position:absolute;top:22px}.cents-label.left{left:4px}.cents-label.right{right:4px}.readout .cents-meter{margin-bottom:22px}.pitch-graph{background:var(--track);border:1px solid var(--glass-border);border-radius:20px;width:100%;height:clamp(260px,45dvh,460px);display:block;box-shadow:inset 0 2px 14px #00020c99}.tone-controls{justify-content:center;align-items:center;gap:6px;margin:8px 0;display:flex}.tone-controls button{min-width:46px;padding:.5rem .7rem}.tone-note{flex-direction:column;align-items:center;min-width:84px;display:flex}.tone-note strong{color:var(--text-strong);font-size:1.7rem;line-height:1.2}.piano-scroll{-webkit-overflow-scrolling:touch;border-radius:16px;margin:10px 0;padding:6px 4px 2px;overflow-x:auto}.piano{width:100%;height:auto;display:block}.key{stroke:var(--key-stroke);stroke-width:1px}.key.white{fill:var(--key-white)}.key.black{fill:var(--key-black)}.key.white.full{fill:var(--key-full)}.key.black.full{fill:var(--key-full-black)}.key.white.comfortable{fill:var(--key-comfortable)}.key.black.comfortable{fill:var(--key-comfortable-black)}.key.active{fill:var(--target)!important}.key.pressable{cursor:pointer}.key-dot{fill:var(--accent-strong);stroke:#fff;stroke-width:1.5px}.key-dot.on-black{fill:var(--accent)}.key-label{fill:var(--text-muted);font-size:10px}.legend{color:var(--text-muted);justify-content:center;gap:16px;font-size:.85rem;display:flex}.swatch{vertical-align:-1px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.swatch.comfortable{background:var(--key-comfortable)}.swatch.full{background:var(--key-full)}.steps{background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;gap:4px;margin:0;padding:5px;list-style:none;display:flex}.steps li{text-align:center;color:var(--text-muted);border-radius:999px;flex:1;padding:6px 4px;font-size:.8rem;font-weight:600}.steps li span{display:none}.steps li.current{color:var(--text-strong);background:var(--glass-strong);box-shadow:0 2px 8px #00041054, inset 0 1px 0 var(--glass-edge)}.steps li.done{color:var(--good)}.plain-list{padding-left:1.25rem}.sweep-live{grid-template-columns:1fr;align-items:center;gap:4px;display:grid}@media (width>=640px){.sweep-live{grid-template-columns:1fr 1fr}}.hold-label{text-align:center;min-height:1.6em;font-weight:600}.hold-bar{background:var(--track);border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 4px #00020c99,0 1px #ffffff14}.hold-fill{background:var(--accent);border-radius:999px;height:100%;transition:width 50ms linear}.hold-fill.done{background:var(--good)}.sweep-summary{text-align:center}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.actions.center{justify-content:center}.actions .primary{flex:160px}.result-head{justify-content:space-between;align-items:start;gap:8px;display:flex}.small-btn{min-height:34px;padding:.2rem .9rem;font-size:.85rem}.confirm-row{gap:6px;display:flex}.range-rows{gap:8px;margin:12px 0;display:grid}.range-row{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex;position:relative}.range-label{min-width:6.5em;color:var(--text-muted);font-weight:600}.range-row.comfortable .range-label{color:var(--accent-strong)}.range-row strong{color:var(--text-strong);font-size:1.25rem}.sound-guide{border:1px solid var(--glass-border);background:var(--glass);border-radius:20px;margin:10px 0;font-size:.925rem}.sound-guide summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:12px 16px;list-style:none;display:flex}.sound-guide summary::-webkit-details-marker{display:none}.sound-more{color:var(--accent-strong);white-space:nowrap;font-size:.85rem;font-weight:600}.sound-guide[open] .sound-more:after{content:" ▲"}.sound-guide:not([open]) .sound-more:after{content:" ▼"}.sound-guide ul{gap:8px;margin:0;padding:0 16px;list-style:none;display:grid}.sound-guide li{gap:2px;display:grid}.sound-guide li strong{color:var(--good)}.sound-guide li.bad strong{color:var(--danger)}.sound-guide li span{color:var(--text-muted);font-size:.875rem}.sound-guide>p{padding:0 16px 12px}.mode-switch{background:var(--track);border-radius:999px;gap:4px;margin:8px 0 14px;padding:4px;display:flex}.mode-switch button{box-shadow:none;color:var(--text-muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex:1}.mode-switch button.active{background:var(--glass-strong);color:var(--text-strong);box-shadow:0 2px 8px #00041066, inset 0 1px 0 var(--glass-edge)}.field-title{color:var(--text-muted);margin:14px 0 0;font-size:.95rem;font-weight:600}.field-row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.field-row.check{justify-content:flex-start;align-items:flex-start}.field-row input[type=number]{width:4.5rem;min-height:42px;font:inherit;text-align:center;color:var(--text-strong);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:14px;padding:0 8px;font-weight:600}.field-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-strong);flex:none;margin-top:2px}.run-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600}.target-note{text-align:center;letter-spacing:-.04em;color:var(--target);font-variant-numeric:tabular-nums;font-size:clamp(4rem,20vw,5.5rem);font-weight:700;line-height:1.02}.match-meter{text-align:center;padding:4px 0 6px}.match-sung{color:var(--text-muted);font-size:.9rem}.match-meter .cents-meter{margin-bottom:24px}.match-meter .hold-bar{max-width:340px;margin:0 auto}.step-strip{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0;padding:0;list-style:none;display:flex}.step-strip li{text-align:center;background:var(--glass);min-width:2.7rem;color:var(--text-muted);border:2px solid #0000;border-radius:12px;padding:4px 8px;font-size:.85rem;font-weight:600}.step-strip li.matched{color:var(--good);background:#14be8c33}.step-strip li.missed{color:var(--danger);background:#ff646e2e}.step-strip li.current{border-color:var(--accent-strong);color:var(--text-strong);background:var(--glass-strong)}.match-verdict{font-size:1.1rem}.match-verdict.in-tune{color:var(--good)}.round-list{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.round-list li{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.round-root{font-weight:600}.dots{gap:4px;display:flex}.dots i{background:var(--inset);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px 2px #00020c8c}.dots i.matched{background:var(--good)}.dots i.missed{background:var(--danger)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{background:var(--glass);width:44px;min-height:44px;color:var(--text-muted);place-items:center;padding:0;display:inline-grid}.icon-button svg{width:22px;height:22px}.back-button{background:var(--glass);min-height:40px;padding:.35rem 1rem .35rem .7rem;font-weight:500}.back-button span{margin-right:2px;font-size:1.3rem;line-height:1}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:6px 4px 8px;font-size:.8rem;font-weight:700}.nav-list.card{gap:2px;padding:6px;display:grid}.nav-row{text-align:left;width:100%;min-height:64px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.nav-row:hover,.nav-row:focus-visible{background:var(--glass-flat)}.nav-row-text{gap:2px;display:grid}.nav-row-text strong{color:var(--text-strong);font-weight:600}.nav-row-text .small{font-weight:400}.chevron{color:var(--text-muted);font-size:1.5rem;line-height:1}.hero h2{font-size:1.6rem}.plan-line{margin-top:12px}.plan-list{gap:8px;margin:10px 0;padding-left:1.4rem;display:grid}.plan-list li span{display:block}.summary-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.summary-list li>span:first-child{white-space:nowrap}.summary-list li{background:var(--track);border-radius:16px;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.adjust{border-top:1px solid var(--glass-border);margin-top:8px;padding-top:8px}.adjust summary{cursor:pointer;color:var(--accent);padding:8px 0;font-weight:600}.block{display:block}.siren-cue{text-align:center;letter-spacing:-.03em;color:var(--text-strong);margin:6px 0 2px;font-size:1.9rem;font-weight:700}.tap-button{min-height:64px;font-size:1.05rem}.break-zone{background:var(--track);border:1px solid var(--glass-border);border-radius:18px;gap:2px;margin:12px 0;padding:14px 16px;display:grid}.break-zone strong{color:var(--target);font-size:1.5rem}.level-bar{background:var(--track);border-radius:999px;height:22px;margin:16px 0 8px;position:relative;overflow:hidden}.level-fill{border-radius:inherit;background:var(--accent);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.level-target{background:var(--target);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-2px;bottom:-2px}.pulse-light{background:var(--track);border:2px solid var(--glass-border);border-radius:50%;width:92px;height:92px;margin:14px auto;animation:.35s ease-out beat}.pulse-light.on{background:var(--good)}@keyframes beat{0%{border-color:var(--accent);transform:scale(1.12)}}.beat-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.beat-dots li{background:var(--track);border:1px solid var(--glass-border);border-radius:50%;width:14px;height:14px}.beat-dots li.hit{background:var(--good)}.beat-dots li.missed{background:#ff8f9473}.beat-dots li.current{outline:2px solid var(--accent);outline-offset:2px}.level-tag{border:1px solid var(--glass-border);letter-spacing:.06em;color:var(--accent-strong);vertical-align:1px;border-radius:6px;margin-left:6px;padding:1px 8px;font-size:.68rem;font-weight:500}.level-up{border-color:#9fbfff47}.blind-note{margin:14px 0 6px}