@charset "UTF-8";@font-face{font-family:Bravura;src:url(/assets/bravura-CBWYXOFh.woff2) format("woff2");font-display:block}:root{--string-g: #5b5bf0;--string-d: #00b0a2;--string-a: #f2a007;--string-e: #ff4d8d;--right: #11a566;--flat: #2e84e8;--sharp: #e08600;--wrong: #e0143c;--ground: #eef1f6;--surface: #ffffff;--sunk: #e3e8f0;--ink: #0e1219;--ink-soft: #545d70;--ink-faint: #8b95a8;--line: #d7dde8;--line-strong: #b9c2d2;--paper: #ffffff;--paper-ink: #16181d;--paper-line: #9aa1ad;--stage: #10131c;--stage-lane: #171b27;--stage-lane-alt: #131723;--stage-line: #2a3145;--display: "Anybody", "Archivo", ui-sans-serif, system-ui, sans-serif;--music: "Bravura", "Noto Music", "Segoe UI Symbol", serif;--text: "Public Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--radius: 10px;--radius-lg: 16px;color-scheme:light}:root[data-theme=dark]{--ground: #0d1017;--surface: #161a23;--sunk: #0a0d13;--ink: #eef1f7;--ink-soft: #aab3c4;--ink-faint: #737e93;--line: #262d3b;--line-strong: #3a4355;--right: #29c97f;--flat: #5aa5ff;--sharp: #ffa62b;--wrong: #ff4a68;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.015em;margin:0;text-wrap:balance}:root{--ink-contour: #0a0c12}.ladder{display:flex;flex-direction:column;gap:8px;min-width:0}.ladder-run{display:flex;align-items:flex-end;gap:3px}.ladder-step{flex-grow:1;min-width:3px;border:2px solid var(--ink-contour);border-radius:3px;opacity:.18;transition:opacity 60ms linear}.ladder-step.flat{background:var(--flat)}.ladder-step.sharp{background:var(--sharp)}.ladder-step.middle{background:var(--right)}.ladder-step.lit{opacity:1}.ladder-label{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.verdict{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:min(128px,100%);min-height:46px;padding:8px 18px;border:4px solid var(--ink-contour);border-radius:11px;font-family:var(--display);font-weight:900;font-size:16px;letter-spacing:.01em;white-space:nowrap}.verdict.bas{background:var(--flat);color:#061024}.verdict.haut{background:var(--sharp);color:#1a0e00}.verdict.manquée{background:var(--sunk);border-color:var(--wrong);color:var(--wrong)}.verdict.juste{border:none;padding:0;min-height:72px;color:var(--right)}.verdict.loud{min-height:92px;font-size:24px}.verdict.juste.loud{min-height:104px}.verdict-star{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.verdict-word{position:relative}.verdict.juste .verdict-word{color:#041a0f}.streak{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 18px;border:3px solid var(--line-strong);border-radius:18px}.streak.running{border-color:var(--sharp);background:color-mix(in srgb,var(--sharp) 10%,transparent)}.streak.compact{flex-direction:row;align-items:center;gap:12px;padding:12px 16px}.streak-count{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 122;font-size:48px;line-height:.88;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.streak.running .streak-count{color:var(--sharp)}.streak.compact .streak-count{font-size:30px}.streak-said{font-size:12.5px;color:var(--ink-soft)}.streak.compact .streak-said{flex-grow:1}.streak-track{width:100%;height:8px;margin-top:4px;border-radius:4px;background:var(--sunk);overflow:hidden}.streak.compact .streak-track{width:96px;margin-top:0}.streak-fill{display:block;height:100%;border-radius:4px;background:var(--sharp);transition:width .14s ease-out}.streak-best{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.mascot{display:flex;align-items:center;gap:14px;padding:14px 16px;border:3px solid var(--line-strong);border-radius:18px;background:var(--surface)}.mascot-face{flex-shrink:0;height:auto}.mascot-speech{display:flex;flex-direction:column;gap:7px;min-width:0}.mascot-said{margin:0;font-size:13.5px;line-height:1.4;color:var(--ink)}.mascot-hush{align-self:flex-start;height:auto;padding:4px 10px;border:2px solid var(--line-strong);border-radius:8px;background:transparent;font-size:11.5px;color:var(--ink-faint)}:root[data-register=arcade]{--ground: #06080e;--surface: #0a0d13;--sunk: #131828;--line: #1d2332;--line-strong: #242c40;--ink: #eef1f7;--ink-soft: #d6dce8;--arcade: #ff4d8d;color-scheme:dark}:root[data-register=arcade] .streak.running{border-color:var(--arcade);background:color-mix(in srgb,var(--arcade) 12%,transparent)}:root[data-register=arcade] .streak-count{font-style:italic;font-variation-settings:"wdth" 125}:root[data-register=arcade] .streak.running .streak-count,:root[data-register=arcade] .streak-fill{color:var(--arcade);background:var(--arcade)}:root[data-register=arcade] .verdict{font-style:italic;transform:rotate(-4deg)}.vibrato{display:flex;flex-direction:column;align-items:center;gap:3px}.vibrato-wave{width:100%;height:auto}.vibrato-centre{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 4}.vibrato-line{fill:none;stroke:var(--string-a);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.vibrato-said{font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}:root[data-register=arcade] .vibrato-line{stroke:var(--arcade);stroke-width:3}.app{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:24px;padding:0 24px;height:58px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-family:var(--display);font-weight:800;font-size:19px;font-stretch:125%;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(100deg,var(--string-g),var(--string-d) 34%,var(--string-a) 67%,var(--string-e));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.spaces{display:flex;gap:2px;margin-right:auto}.space-tab{display:flex;align-items:center;gap:7px;background:transparent;border:none;border-radius:8px;padding:7px 14px;font-family:var(--text);font-size:14px;font-weight:500;color:var(--ink-soft);cursor:pointer}.space-mark{display:none}.space-tab:hover:not(.active){background:var(--sunk);color:var(--ink)}.space-tab.active{background:var(--ink);color:var(--surface)}.space-tab:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--string-g);outline-offset:2px}.capture-state{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-faint);white-space:nowrap}.capture-state:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.capture-state.live{color:var(--right);font-weight:600}.capture-state.live:before{background:var(--right);box-shadow:0 0 0 3px color-mix(in srgb,var(--right) 22%,transparent)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);font-size:15px}.icon-button:hover{background:var(--sunk);color:var(--ink)}.app-body{flex:1;padding:20px 24px 28px;width:100%;max-width:1560px;margin:0 auto}.app-body.wide{max-width:none}.app-body.bare{padding:0}.doorway{min-height:100%;display:grid;place-items:center;padding:32px 20px;background:var(--ground)}.doorway-inner{width:100%;max-width:880px;display:flex;flex-direction:column;gap:28px}.doorway-head{display:flex;align-items:center;gap:18px}.doorway-face{flex-shrink:0;height:auto}.doorway-title{margin:0 0 6px;font-family:var(--display);font-weight:800;font-size:28px;line-height:1.1;color:var(--ink)}.doorway-said{margin:0;max-width:52ch;font-size:14px;line-height:1.45;color:var(--ink-soft)}.doorway-offers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.doorway .offer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:20px;text-align:left;cursor:pointer;transition:transform .12s ease-out}.doorway .offer:hover{transform:scale(1.012)}.doorway .offer-classique:hover{background:#fff;border-color:#c0b9a8}.doorway .offer-arcade:hover{background:#10141d;border-color:#3a4459}.doorway .offer:active{transform:scale(.994)}.doorway .offer-name{font-family:var(--display);font-weight:800;font-size:23px;line-height:1}.doorway .offer-said{font-size:13.5px;line-height:1.4}.doorway .offer-sample{width:100%;height:auto;margin:2px 0}.doorway .offer-stave,.doorway .offer-stem{stroke-linecap:butt}.doorway .offer-head{font-family:var(--music);dominant-baseline:alphabetic}.doorway .offer-reading{font-family:var(--text);font-size:9px;text-anchor:middle}.doorway .offer-tell{font-size:11.5px}.doorway .offer-classique{background:#fbfaf7;border:3px solid #d9d4c8;color:#1c1a16}.doorway .offer-classique .offer-said{color:#4b463d}.doorway .offer-classique .offer-tell{color:#857d6f}.doorway .offer-classique .offer-stave{stroke:#c2bcae}.doorway .offer-classique .offer-head{fill:#1c1a16}.doorway .offer-classique .offer-stem{stroke:#1c1a16}.doorway .offer-classique .offer-reading{fill:#857d6f}.doorway .offer-arcade{background:#0a0d13;border:3px solid #2a3145;color:#fff}.doorway .offer-arcade .offer-name{font-style:italic;font-variation-settings:"wdth" 118}.doorway .offer-arcade .offer-said{color:#d6dce8}.doorway .offer-arcade .offer-tell{color:#737e93}.doorway .offer-arcade .offer-stave{stroke:#2a3145}.doorway .offer-arcade .offer-head{fill:#eef1f7}.doorway .offer-arcade .offer-head.hot{fill:#ff4d8d}.doorway .offer-arcade .offer-stem{stroke:#8b94a8}.doorway .offer-arcade .offer-reading{fill:#ff4d8d;font-family:var(--display);font-weight:800;font-size:11px}@media (max-width: 640px){.doorway{padding:22px 16px 32px;place-items:start center}.doorway-inner{gap:20px}.doorway-title{font-size:22px}.doorway-offers{grid-template-columns:minmax(0,1fr);gap:14px}.doorway .offer{padding:18px}.doorway .offer:hover,.doorway .offer:active{transform:none}}.arcade-app{min-height:100%;background:var(--ground);display:flex;flex-direction:column}.arcade-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}.arcade-leave{background:transparent;border:2px solid var(--line-strong);border-radius:10px;padding:7px 14px;font-size:12.5px;color:var(--ink-faint)}.arcade{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:12px 20px 30px}.arcade-list{list-style:none;margin:0;padding:0;width:100%;max-width:760px;display:flex;flex-direction:column;gap:8px}.arcade-row{opacity:calc(1 - var(--distance) * .26);transition:opacity .12s ease-out,transform .12s ease-out}.arcade-pick{width:100%;display:flex;align-items:center;gap:16px;padding:10px 14px;background:transparent;border:3px solid transparent;border-radius:18px;text-align:left;cursor:pointer;color:var(--ink-soft)}.arcade-row.chosen{opacity:1}.arcade-row.chosen .arcade-pick{background:var(--surface);border-color:var(--arcade, var(--line-strong));padding:16px 18px;color:var(--ink)}.arcade-said{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.arcade-title{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-row.chosen .arcade-title{font-size:27px;font-style:italic;font-variation-settings:"wdth" 114}.arcade-composer{font-size:12.5px;color:var(--ink-faint)}.arcade-about{margin:4px 0 0;max-width:52ch;font-size:13px;line-height:1.45;color:var(--ink-soft)}.arcade-level{display:inline-flex;gap:5px;margin-top:8px}.arcade-level i{width:13px;height:13px;border:2px solid var(--line-strong);transform:rotate(45deg);border-radius:3px}.arcade-level i.on{background:var(--arcade, var(--sharp));border-color:var(--arcade, var(--sharp))}.arcade-level.pending{font-size:11.5px;color:var(--ink-faint)}.arcade-score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px}.arcade-rank{font-family:var(--display);font-weight:900;font-style:italic;font-size:34px;line-height:1;color:var(--ink-faint)}.arcade-rank.rank-s{color:var(--arcade, var(--sharp))}.arcade-rank.rank-a{color:var(--right)}.arcade-share{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.arcade-score.never{font-size:11.5px;color:var(--ink-faint);max-width:8ch;text-align:center}.cover{flex-shrink:0;overflow:hidden;border-radius:12px;border:2px solid var(--line-strong);background:var(--sunk);transition:width .12s ease-out,height .12s ease-out}.cover-image,.cover-drawn{display:block;width:100%;height:100%;object-fit:cover}.cover-field{fill:var(--field)}.cover-stave{stroke:color-mix(in srgb,var(--field-deep) 70%,transparent)}.cover-head{fill:#fff;font-family:var(--music)}.cover-stem{stroke:#fff;stroke-linecap:butt}.cover-silent{fill:color-mix(in srgb,#ffffff 55%,transparent);font-family:var(--music);font-size:34px;text-anchor:middle}.arcade-strings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:12px;color:var(--ink-faint)}.arcade-string{display:inline-flex;align-items:baseline;gap:6px}.arcade-string b{font-family:var(--display);font-weight:800;font-size:13px}.arcade-string.string-g b{color:var(--string-g)}.arcade-string.string-d b{color:var(--string-d)}.arcade-string.string-a b{color:var(--string-a)}.arcade-string.string-e b{color:var(--string-e)}@media (max-width: 640px){.arcade{gap:18px;padding:6px 12px 22px}.arcade-row.chosen .arcade-title{font-size:21px}.arcade-row{display:none}.arcade-row.chosen,.arcade-row[style*="--distance: 1"]{display:block}.arcade-rank{font-size:26px}}.register-switch{display:inline-flex;padding:3px;gap:2px;border:2px solid var(--line-strong);border-radius:12px;background:var(--sunk)}.register-side{padding:5px 12px;border:none;border-radius:8px;background:transparent;font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--ink-faint)}.register-side.here{background:var(--ink);color:var(--surface)}:root[data-register=arcade] .register-side.here{background:var(--arcade);color:#10131c;font-style:italic}.ready{gap:22px;max-width:760px;margin:0 auto;width:100%}.ready-piece{display:flex;align-items:center;gap:18px;width:100%}.ready-title{margin:0;font-family:var(--display);font-weight:900;font-style:italic;font-size:30px;line-height:1.05;color:var(--ink)}.ready-composer{margin:2px 0 0;font-size:13px;color:var(--ink-faint)}.ready-detail{margin:8px 0 0;font-size:12px;color:var(--ink-soft)}.ready-choice{width:100%;border:none;padding:0;margin:0}.ready-choice legend{padding:0 0 8px;font-size:12px;color:var(--ink-faint)}.ready-surfaces{display:grid;grid-template-columns:1fr 1fr;gap:10px}.surface{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;border:3px solid var(--line-strong);border-radius:16px;background:var(--surface);text-align:left}.surface.chosen{border-color:var(--arcade, var(--sharp))}.surface-name{font-family:var(--display);font-weight:800;font-size:16px;color:var(--ink)}.surface-said{font-size:12px;line-height:1.4;color:var(--ink-faint)}.ready-speeds{display:flex;flex-wrap:wrap;gap:8px}.speed{display:inline-flex;align-items:baseline;gap:4px;padding:9px 13px;border:3px solid var(--line-strong);border-radius:12px;background:var(--surface);font-family:var(--display);font-weight:800;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.speed i{font-family:var(--text);font-weight:400;font-style:normal;font-size:10.5px;color:var(--ink-faint)}.speed.chosen{border-color:var(--arcade, var(--sharp));color:var(--arcade, var(--ink))}.ready-note{margin:10px 0 0;max-width:56ch;font-size:11.5px;line-height:1.45;color:var(--ink-faint)}.ready-go{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:14px}.arcade-go{padding:14px 30px;border:none;border-radius:14px;background:var(--arcade, var(--ink));color:#10131c;font-family:var(--display);font-weight:900;font-style:italic;font-size:19px;letter-spacing:.01em}.arcade-back{background:transparent;border:none;font-size:12.5px;color:var(--ink-faint);text-decoration:underline}.play-lead-in{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;text-align:center}.count{margin:0;font-family:var(--display);font-weight:900;font-style:italic;font-size:clamp(90px,22vw,190px);line-height:1;color:var(--arcade, var(--ink));opacity:.42;animation:count-beat .34s ease-out}.count-said{margin:0;font-size:13px;color:var(--ink-faint)}@keyframes count-beat{0%{transform:scale(1.35);opacity:.2}to{transform:scale(1);opacity:1}}.arcade-row.chosen .arcade-pick{animation:arcade-arrive .14s ease-out}@keyframes arcade-arrive{0%{transform:translateY(6px);opacity:.55}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.count,.arcade-row.chosen .arcade-pick{animation:none}}@media (max-width: 640px){.ready-surfaces{grid-template-columns:minmax(0,1fr)}.ready-title{font-size:22px}}.arcade-app:has(.play){height:100dvh;max-height:100dvh;overflow:hidden}.play{position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0;overflow:hidden}.play-through{position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunk);z-index:3}.play-through span{display:block;height:100%;background:var(--arcade, var(--sharp));transition:width .12s linear}.play-surface{flex-grow:1;width:100%;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:14px 10px 0}.play-surface>*{width:100%;max-width:680px;align-self:stretch}.play-surface .cascade{align-self:stretch;height:100%}.play-surface .cascade svg{display:block;width:100%;height:100%}.play-run-slot{position:absolute;top:14px;left:18px;z-index:2;pointer-events:none}.play-verdict{position:absolute;left:0;right:0;bottom:74px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.play-run{display:flex;align-items:baseline;gap:8px}.play-streak{font-family:var(--display);font-weight:900;font-style:italic;font-size:54px;line-height:.9;color:var(--ink-faint);font-variant-numeric:tabular-nums}.play-run.going .play-streak{color:var(--ink)}.play-streak-said{font-size:11.5px;color:var(--ink-faint)}.play-times{font-family:var(--display);font-weight:900;font-style:italic;font-size:30px;color:var(--arcade, var(--sharp));animation:times-up .22s ease-out}@keyframes times-up{0%{transform:scale(1.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.play-leave{position:absolute;top:12px;right:14px;z-index:3;padding:6px 12px;border:2px solid var(--line-strong);border-radius:10px;background:color-mix(in srgb,var(--ground) 70%,transparent);font-size:11.5px;color:var(--ink-faint)}.result{gap:6px;justify-content:center}.result-rank{font-family:var(--display);font-weight:900;font-style:italic;font-size:clamp(90px,20vw,170px);line-height:1;color:var(--ink-faint);animation:count-beat .32s ease-out}.result-rank.rank-s{color:var(--arcade, var(--sharp))}.result-rank.rank-a{color:var(--right)}.result-share{margin:0;font-size:15px;color:var(--ink)}.result-facts{display:flex;gap:26px;margin:18px 0 8px}.result-facts dt{font-size:11px;color:var(--ink-faint)}.result-facts dd{margin:2px 0 0;font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}.result-go{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:14px;margin-top:10px}@media (max-width: 640px){.arcade-app:has(.play:not(.result)) .arcade-head{display:none}.play-surface{padding:10px 6px 0}.play-streak{font-size:38px}.play-times{font-size:22px}.play-verdict{bottom:66px}.result-facts{gap:18px}}.play-surface .score-view{max-height:none;align-self:stretch;width:100%;border-radius:14px;scrollbar-width:none}.play-surface .score-view::-webkit-scrollbar{display:none}.play-surface .score-page{padding:22px 18px 28px;min-height:100%}.play-surface .score-view{box-shadow:0 0 0 3px var(--line-strong)}.play-surface:has(.score-view)~.play-verdict{bottom:10px}body.held-still{overflow:hidden;overscroll-behavior:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.panel-title{font-family:var(--display);font-size:15px;font-weight:700;color:var(--ink)}.panel-note{margin:0;font-size:13px;color:var(--ink-faint);max-width:68ch}.stack{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;border:none;padding:0;margin:0;min-width:0}.field>span,.field>legend{font-size:13px;font-weight:500;color:var(--ink-soft);padding:0}.field-said{margin:0;max-width:44ch;font-size:11.5px;line-height:1.4;color:var(--ink-faint)}select,input[type=number],input[type=text]{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;font-family:var(--text);font-size:14px;width:100%}.choices{display:flex;flex-wrap:wrap;gap:14px}.choices.stacked{flex-direction:column;gap:8px}.radio{display:flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}fieldset:disabled,select:disabled,input:disabled{opacity:.5}button{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:9px 14px;font-family:var(--text);font-size:14px;font-weight:500;cursor:pointer}button:hover:not(:disabled){background:var(--sunk)}button.primary{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:600}button.primary:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}button.on{background:color-mix(in srgb,var(--right) 16%,var(--surface));border-color:var(--right);color:var(--right);font-weight:600}button.danger{background:color-mix(in srgb,var(--sharp) 12%,var(--surface));border-color:color-mix(in srgb,var(--sharp) 55%,transparent);color:var(--sharp)}button:disabled{opacity:.42;cursor:default}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.row>.field{flex:1 1 160px}.message{margin:0;padding:10px 13px;border-radius:8px;font-size:13.5px}.message.error{background:color-mix(in srgb,var(--sharp) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--sharp) 45%,transparent);color:var(--sharp)}.message.hint{background:var(--sunk);border:1px solid var(--line);color:var(--ink-soft)}.popover-host{position:relative}.tool{background:transparent;border:1px solid var(--line);border-radius:9px;width:38px;height:38px;padding:0;display:grid;place-items:center;color:var(--ink-soft);flex:0 0 auto}.tool:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.tool.on{background:color-mix(in srgb,var(--right) 16%,var(--surface));border-color:var(--right);color:var(--right)}.tool.open{background:var(--sunk);color:var(--ink)}.tool.primary-tool{background:var(--ink);border-color:var(--ink);color:var(--surface)}.tool.primary-tool:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}.popover{position:absolute;top:calc(100% + 8px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 40px #080b122e}.popover.left{left:0}.popover.right{right:0}.popover-body{width:min(300px,100vw - 28px);padding:16px;display:flex;flex-direction:column;gap:12px}.popover-body.wide{width:min(380px,100vw - 28px)}.tuner-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}.tuner-stage{display:flex;flex-direction:column;gap:18px;align-items:center;padding:26px 20px}.tuner-stage .ladder{width:100%;max-width:520px}.reading{font-family:var(--display);font-size:clamp(72px,11vw,132px);font-weight:800;font-stretch:112%;line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.reading.idle{color:var(--line-strong)}.reading.right{color:var(--right)}.reading-target{font-size:14px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.tuner-verdict{display:flex;flex-direction:column;align-items:center;gap:10px}.tuner-cents{font-size:15px;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums}.held{opacity:.45}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:12px 18px;margin:0;width:100%}.facts>div{display:flex;flex-direction:column;gap:1px;min-width:0}.facts dt{font-size:12px;color:var(--ink-faint)}.facts dd{margin:0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.string-picker{display:flex;gap:6px;margin-bottom:4px}.string-choice{min-width:46px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:13px;font-weight:600}.string-choice:hover{border-color:var(--line-strong);color:var(--ink)}.string-choice.chosen{color:var(--surface);border-color:transparent}.string-choice.auto.chosen{background:var(--ink-soft)}.string-choice.string-g.chosen{background:var(--string-g)}.string-choice.string-d.chosen{background:var(--string-d)}.string-choice.string-a.chosen{background:var(--string-a)}.string-choice.string-e.chosen{background:var(--string-e)}.string-choice.string-g:not(.chosen){border-left:3px solid var(--string-g)}.string-choice.string-d:not(.chosen){border-left:3px solid var(--string-d)}.string-choice.string-a:not(.chosen){border-left:3px solid var(--string-a)}.string-choice.string-e:not(.chosen){border-left:3px solid var(--string-e)}.tuner-calibrate{align-self:center;font-size:12px;color:var(--ink-faint)}.calibrate{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:18px 16px;border:2px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center}.calibrate-title{margin:0;font-family:var(--display);font-size:18px;color:var(--ink)}.calibrate-said{margin:0;font-size:14px;color:var(--ink-soft)}.calibrate-string{margin:0;font-family:var(--display);font-weight:900;font-size:64px;line-height:1}.calibrate-string.string-g{color:var(--string-g)}.calibrate-string.string-d{color:var(--string-d)}.calibrate-string.string-a{color:var(--string-a)}.calibrate-string.string-e{color:var(--string-e)}.calibrate-run{display:flex;gap:8px;margin:0;padding:0;list-style:none}.calibrate-run li{width:26px;height:5px;border-radius:3px;background:var(--sunk)}.calibrate-run li.done{background:var(--right)}.calibrate-go{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.listening-setup{display:flex;flex-direction:column;gap:14px;width:100%}.sensitivity{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-lg)}.sensitivity-said{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink-soft)}.sensitivity-meter{position:relative;height:22px;border-radius:6px;background:var(--sunk);overflow:hidden}.sensitivity-level{display:block;height:100%;background:color-mix(in srgb,var(--string-a) 55%,transparent);transition:width 60ms linear}.sensitivity-peak{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:var(--string-a)}.sensitivity-line{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1px;background:var(--ink)}.sensitivity-drag{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-faint)}.sensitivity-drag input[type=range]{flex-grow:1;min-width:0}.calibrate-gauge{width:100%;max-width:260px;height:10px;border-radius:5px;background:var(--sunk);overflow:hidden}.calibrate-gauge span{display:block;height:100%;background:var(--right);transition:width 90ms linear}.calibrate-quiet{margin:0;max-width:44ch;font-size:11.5px;line-height:1.45;color:var(--ink-faint)}.meter{display:flex;flex-direction:column;gap:5px;width:100%}.meter-label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-faint)}.meter-track{display:flex;gap:2px;height:14px}.meter-segment{flex:1;border-radius:2px;background:var(--sunk)}.meter-segment.on{background:var(--right)}.meter-segment.hot.on{background:var(--sharp)}.meter.inactive .meter-segment.on{background:var(--line-strong)}.fingerboard{width:100%}.fingerboard svg{display:block;width:100%;max-width:340px;margin:0 auto}.fb-neck{fill:url(#fb-wood)}.fb-nut{stroke:#e8dcc8;stroke-width:3;stroke-linecap:round}.fb-string{stroke:#6f6a63}.fb-string.g{stroke:var(--string-g)}.fb-string.d{stroke:var(--string-d)}.fb-string.a{stroke:var(--string-a)}.fb-string.e{stroke:var(--string-e)}.fb-string.active{filter:drop-shadow(0 0 5px currentColor)}.fb-string-name{fill:var(--ink-faint);font-size:15px;font-weight:700}.fb-string-name.active{fill:var(--ink)}.fb-stop{fill:#6b615a;opacity:.55}.fb-stop.tone{opacity:.85}.fb-expected circle{fill:none;stroke:#f4ead6;stroke-width:2;stroke-dasharray:3 3}.fb-expected text{fill:#fdf6e8;font-size:18px;font-weight:800;stroke:#120d0b;stroke-width:3.5;paint-order:stroke}.fb-heard circle{fill:var(--right)}.fb-heard.flat circle{fill:var(--flat)}.fb-heard.sharp circle{fill:var(--sharp)}.fb-heard.wrong circle{fill:var(--wrong)}.fb-heard text{fill:#0b0e14;font-size:18px;font-weight:800}.fb-legend{display:flex;flex-wrap:wrap;min-width:0;justify-content:center;gap:16px;font-size:12px;color:var(--ink-faint)}.fb-legend span{display:flex;align-items:center;gap:6px}.fb-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.fb-legend i.target{border:2px dashed var(--ink-faint)}.fb-legend i.actual{background:var(--right)}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,460px);gap:16px;align-items:start}.score-panel{min-width:0}.practice-rail{display:flex;flex-direction:column;gap:16px;position:sticky;top:74px}.neck-panel{align-items:center}.judgement{display:grid;place-items:center;width:100%;min-height:76px}.practice-rail .streak{border:none;padding:0 0 14px}.practice-rail .streak+.facts{padding-top:14px;border-top:1px solid var(--line)}.piece-bar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.piece-title{font-family:var(--display);font-size:17px;font-weight:700}.piece-progress{font-size:13px;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.progress{height:4px;border-radius:2px;background:var(--sunk);overflow:hidden}.progress-fill{height:100%;background:var(--ink);transition:width .12s linear}.views{display:inline-flex;gap:2px;background:var(--sunk);border-radius:9px;padding:3px;align-self:flex-start}.view-tab{background:transparent;border:none;border-radius:7px;padding:6px 13px;font-size:13.5px;color:var(--ink-soft)}.view-tab.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000014}.expected{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 8px}.expected-note{font-family:var(--display);font-size:clamp(54px,6vw,82px);font-weight:800;font-stretch:112%;line-height:.95;letter-spacing:-.03em}.expected-note.idle{color:var(--line-strong)}.expected-place{font-size:14px;color:var(--ink-soft)}.expected-place b{font-weight:700}.string-chip{display:inline-flex;align-items:center;gap:6px;font-weight:600}.string-chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dot, var(--ink-faint))}.heard{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:9px;border:1px solid var(--line);background:var(--sunk);font-size:14px}.heard.right{border-color:color-mix(in srgb,var(--right) 55%,transparent);background:color-mix(in srgb,var(--right) 11%,var(--surface));color:var(--right)}.heard.flat{border-color:color-mix(in srgb,var(--flat) 55%,transparent);background:color-mix(in srgb,var(--flat) 11%,var(--surface));color:var(--flat)}.heard.sharp{border-color:color-mix(in srgb,var(--sharp) 55%,transparent);background:color-mix(in srgb,var(--sharp) 11%,var(--surface));color:var(--sharp)}.heard.wrong{border-color:color-mix(in srgb,var(--wrong) 55%,transparent);background:color-mix(in srgb,var(--wrong) 11%,var(--surface));color:var(--wrong)}.heard strong{font-weight:700}.heard span{font-variant-numeric:tabular-nums;font-size:13px;opacity:.85}.transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bpm{display:flex;align-items:center;gap:4px}.bpm button{padding:8px 10px;min-width:42px;font-variant-numeric:tabular-nums}.bpm-value{min-width:92px;text-align:center;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.mode-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.mode-start{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 16px;height:100%}.mode-start strong{font-family:var(--display);font-size:15px;font-weight:700}.mode-start span{font-size:13px;color:var(--ink-faint);font-weight:400}.report{padding:32px}.report-curve{margin:8px 0 20px}.report-curve .progress-chart{height:130px}.report-pace{margin-bottom:20px}.zoom{display:flex;align-items:center;gap:2px}.zoom .tool{width:24px;height:24px;padding:0;font-size:15px;line-height:1}.zoom-figure{min-width:52px;padding:2px 4px;border:none;background:transparent;color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.zoom-figure:not(:disabled):hover{color:var(--ink);text-decoration:underline}.zoom-figure:disabled{opacity:1;cursor:default}.write-title,.write-composer{border:none;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:4px 2px}.write-title{font-family:var(--display);font-size:19px;color:var(--ink)}.write-composer{font-size:13px;color:var(--ink-soft)}.write-meter{display:flex;align-items:center;gap:3px}.write-meter input[type=number]{width:48px}.write-blank{padding:40px 18px;text-align:center}.value-choice{display:flex;gap:3px}.value-chip{min-width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:19px;line-height:1}.value-chip:hover{border-color:var(--line-strong);color:var(--ink)}.value-chip.chosen{background:var(--ink);border-color:transparent;color:var(--surface)}.value-chip.dot{font-size:22px;font-weight:700;letter-spacing:1px}.value-glyph{font-family:var(--music),serif}.pick-hint{margin:0;flex:1;min-width:min(260px,100%)}.pitch-staff{display:block;width:100%;max-width:760px;height:auto;background:var(--paper);border:1px solid var(--line);border-radius:6px}.pitch-staff-line,.pitch-ledger{stroke:var(--paper-line);stroke-width:1}.pitch-clef,.pitch-accidental{font-family:var(--music),serif;fill:var(--paper-ink);dominant-baseline:alphabetic}.pitch-head{fill:var(--paper-ink);opacity:.35}.pitch-target{fill:transparent}.pitch-place{cursor:pointer}.pitch-place:hover .pitch-head,.pitch-place:focus-visible .pitch-head{opacity:1;fill:var(--right)}.pitch-place:hover .pitch-target,.pitch-place:focus-visible .pitch-target{fill:color-mix(in srgb,var(--right) 14%,transparent)}.pitch-place:focus-visible{outline:none}.pitch-neck{display:block;width:100%;max-width:300px;height:auto}.neck-place{cursor:pointer}.neck-target{fill:color-mix(in srgb,var(--surface) 12%,transparent);stroke:color-mix(in srgb,var(--surface) 34%,transparent);stroke-width:1}.neck-place:hover .neck-target,.neck-place:focus-visible .neck-target{fill:var(--right);stroke:var(--right)}.neck-target.open{stroke-dasharray:3 3}.neck-finger{fill:color-mix(in srgb,var(--surface) 70%,transparent);font-size:11px;font-weight:600;pointer-events:none}.neck-place:hover .neck-finger,.neck-place:focus-visible .neck-finger{fill:var(--surface)}.caret-where{padding:0 4px;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.engraved-reach{fill:transparent}.engraved-note.pickable{cursor:pointer}.engraved-note.pickable:hover .note-head,.engraved-note.pickable:focus-visible .note-head{fill:var(--right)}.engraved-note.pickable:hover .note-stem,.engraved-note.pickable:focus-visible .note-stem{stroke:var(--right)}.engraved-note.pickable:focus-visible{outline:none}.mark-choice{display:flex;flex-wrap:wrap;gap:3px}.mark-chip{padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:12px}.mark-chip:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.mark-chip.chosen{background:var(--ink);border-color:transparent;color:var(--surface)}.score-tuplet line{stroke:var(--paper-ink);stroke-width:1}.tuplet-number{font-family:var(--music),serif;font-size:15px;fill:var(--paper-ink)}.score-level{font-family:var(--music),serif;fill:var(--paper-ink)}.score-wedge line{stroke:var(--paper-ink);stroke-width:1.1;stroke-linecap:round}.bowing,.articulation{font-family:var(--music),serif;fill:var(--paper-ink);dominant-baseline:alphabetic}.write-page{-webkit-user-select:none;user-select:none}.engraved-note.note-chosen .note-head,.engraved-note.note-chosen .note-glyph{fill:var(--flat)}.engraved-note.note-chosen .note-stem{stroke:var(--flat)}.transport-bar{padding:10px 14px;gap:10px}.transport-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clock{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;margin-left:6px;white-space:nowrap}.clock i{font-style:normal;color:var(--ink-faint);font-weight:400;margin:0 2px}.bar-counter{font-size:13px;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.tempo{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:min(200px,100%)}.tempo-label{font-size:18px;line-height:1;color:var(--ink-soft)}.tempo input[type=range]{flex:1;accent-color:var(--string-d);width:auto;min-width:110px}.tempo-value{font-variant-numeric:tabular-nums;font-weight:600;min-width:34px;text-align:right}.end{margin-left:4px}.passage{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;background:color-mix(in srgb,var(--string-d) 16%,transparent);color:var(--ink);font-size:13px;white-space:nowrap}.passage-score{padding:2px 8px;border-radius:999px;background:var(--surface);color:var(--ink-soft);font-style:normal;font-size:12px;font-variant-numeric:tabular-nums}.passage.looping{background:color-mix(in srgb,var(--right) 18%,transparent)}.passage.hint-chip{background:none;border:1px dashed var(--line-strong);color:var(--ink-faint);padding:4px 12px;gap:8px;font-size:12px}.passage.hint-chip svg{width:15px;height:15px}.passage-loop.on{color:var(--right)}.passage button{border:0;background:none;color:var(--ink-soft);cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:999px}.passage button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.score-view{overflow-x:auto;background:var(--paper);border:1px solid var(--line-strong);border-radius:4px;box-shadow:0 1px 3px #10131c1a}.score-view svg{display:block}.staff-line,.ledger-line{stroke:var(--paper-line)}.bar-line{stroke:var(--paper-ink);opacity:.55}.clef,.note-head,.note-glyph{font-family:var(--music);fill:var(--paper-ink)}.note-stem{stroke:var(--paper-ink)}.score-hit{fill:transparent}.score-note{cursor:pointer}.score-note:hover .note-head,.score-note:hover .note-glyph{fill:var(--string-g)}.score-note:hover .note-stem{stroke:var(--string-g)}.score-note.selected .note-head,.score-note.selected .note-glyph{fill:var(--string-d)}.score-note.selected .note-stem{stroke:var(--string-d)}.score-note.current .note-head,.score-note.current .note-glyph{fill:var(--right)}.score-note.current .note-stem{stroke:var(--right)}.score-note:focus-visible .score-hit{fill:color-mix(in srgb,var(--string-g) 18%,transparent)}.score-selection{fill:color-mix(in srgb,var(--string-d) 10%,transparent);stroke:none}.score-variant{fill:color-mix(in srgb,var(--ink) 5%,transparent);stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 3}.note-halo{fill:color-mix(in srgb,var(--right) 22%,transparent)}.radio-help{display:block;color:var(--ink-faint);font-size:12px;font-style:normal;margin-top:1px}.mode-start.chosen{border-color:var(--string-d);background:color-mix(in srgb,var(--string-d) 10%,var(--surface))}.empty-space{padding:56px 24px;text-align:center}.ladder{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:8px}.fb-stop{cursor:pointer}.fb-hit{fill:transparent}.fb-dot{fill:#ffffff1f;stroke:#ffffff38;stroke-width:1;pointer-events:none;transition:fill .12s ease}.fb-stop:hover .fb-dot{fill:#ffffff4d}.fb-stop.right .fb-dot{fill:var(--right);stroke:var(--right)}.fb-stop.wrong .fb-dot{fill:var(--wrong);stroke:var(--wrong)}.fb-stop.chosen .fb-dot{stroke-width:3}.tie{fill:none;stroke:var(--paper-ink);stroke-width:1.6;stroke-linecap:round}.progress-chart{width:100%;height:160px;overflow:visible}.fallback-detail{margin:14px 0;padding:12px 14px;border-radius:var(--radius);background:var(--sunk);color:var(--ink-soft);font-size:13px;white-space:pre-wrap;overflow-x:auto}.back-to-shelf{font-size:20px;line-height:1;padding:2px 8px;text-decoration:none}.fingering{font-family:var(--text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.fingering.string-g{fill:var(--string-g)}.fingering.string-d{fill:var(--string-d)}.fingering.string-a{fill:var(--string-a)}.fingering.string-e{fill:var(--string-e)}.system{display:flex;flex-direction:column}.staff-line-svg.companion{opacity:.62}.companion-name{fill:var(--paper-ink);font-family:var(--text);font-size:11px;font-weight:600;opacity:.75}.score-page,.staff-line-svg{-webkit-user-select:none;user-select:none}.bar-grab{fill:transparent;cursor:text}.bar-grab:hover{fill:color-mix(in srgb,var(--paper-ink) 4%,transparent)}.measure-wash{fill:color-mix(in srgb,var(--sharp) 13%,transparent)}.key-accidental,.time-signature{font-family:var(--music);fill:var(--paper-ink)}.reading-octave{font-size:.42em;opacity:.5;margin-left:.06em}.piece-card.chosen{border-color:var(--string-d);box-shadow:0 0 0 1px var(--string-d)}.score-page{display:flex;flex-direction:column;gap:6px;padding:18px 16px 22px}.staff-line-svg{display:block}.measure-number{fill:var(--paper-line);font-size:11px;font-weight:600}.score-view{overflow-y:auto;overflow-x:hidden;max-height:62vh}.heard.fading{opacity:.55}.piece-tools{display:flex;align-items:center;gap:12px}.chip-toggle{padding:5px 11px;font-size:12.5px;border-radius:20px}.chip-toggle.on{background:color-mix(in srgb,var(--string-d) 14%,var(--surface));border-color:var(--string-d);color:var(--string-d);font-weight:600}.rest{font-family:var(--music);fill:var(--paper-ink)}.beam{stroke:var(--paper-ink);stroke-linecap:butt}.slur{fill:none;stroke:var(--paper-ink);stroke-width:1.7;stroke-linecap:round;opacity:.85}.note-name{fill:var(--string-d);font-size:11px;font-weight:600}.tool-text{font-size:12.5px;font-weight:500;white-space:nowrap}.popover-host .tool:has(.tool-text){width:auto;padding:0 12px}.fader{display:flex;align-items:center;gap:10px}.fader input[type=range]{flex:1;accent-color:var(--string-a)}.fader output{min-width:30px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-soft)}.playhead{stroke:var(--right);stroke-width:2;opacity:.8}.cascade{position:relative;background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-lg);overflow:hidden}.cascade svg{display:block;width:100%}.cascade-lane{fill:var(--stage-lane)}.cascade-lane.alt{fill:var(--stage-lane-alt)}.cascade-lane-name{font-family:var(--display);font-size:15px;font-weight:800;font-stretch:112%}.lane-g .cascade-lane-name{fill:var(--string-g)}.lane-d .cascade-lane-name{fill:var(--string-d)}.lane-a .cascade-lane-name{fill:var(--string-a)}.lane-e .cascade-lane-name{fill:var(--string-e)}.lane-rule{stroke:var(--stage-line);stroke-width:1}.roll-lane{fill:var(--stage-lane)}.roll-lane.accidental{fill:var(--stage-lane-alt)}.roll-octave{fill:#4b556e;font-size:8px}.play-line{stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}.cascade.frozen .play-line{stroke-dasharray:6 5;filter:none}.cascade-note{cursor:pointer}.cascade-note rect{fill:var(--wrong)}.cascade-note.g rect{fill:var(--string-g)}.cascade-note.d rect{fill:var(--string-d)}.cascade-note.a rect{fill:var(--string-a)}.cascade-note.e rect{fill:var(--string-e)}.cascade-note.played rect{fill:#232a3b}.cascade-note.current rect{stroke:#fff;stroke-width:2}.cascade-note.unplayable rect{fill:#5a4a72}.cascade-note:hover rect{filter:brightness(1.25)}.cascade-note:focus-visible rect{stroke:#fff;stroke-width:2}.cascade-finger{fill:#0b0e14;font-family:var(--display);font-size:13px;font-weight:800}.cascade-note-name{fill:#0b0e14;font-size:10px;font-weight:700}.cascade-note.played .cascade-finger,.cascade-note.played .cascade-note-name{fill:#59627a}.cascade-state{position:absolute;top:10px;right:12px;font-size:12px;color:#c9d2e6;background:#00000059;padding:3px 9px;border-radius:20px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.piece-card{position:relative;padding:0;gap:0;overflow:hidden}.card-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 44px 16px 18px;text-align:left;width:100%;height:100%;background:transparent;border:none;border-radius:var(--radius)}.card-open:hover{background:var(--sunk)}.card-remove{position:absolute;top:10px;right:10px;width:26px;height:26px;padding:0;border-radius:7px;border-color:transparent;background:transparent;color:var(--ink-faint);font-size:13px;line-height:1}.piece-card:hover .card-remove,.card-remove:focus-visible{border-color:var(--line);color:var(--sharp)}.card-edit{position:absolute;top:10px;right:42px;height:26px;padding:0 9px;border-radius:7px;border-color:transparent;background:transparent;color:var(--ink-faint);font-size:11.5px;line-height:1;opacity:0}.piece-card:hover .card-edit,.card-edit:focus-visible{opacity:1;border-color:var(--line);color:var(--ink-soft)}.card-confirm{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.piece-card h3{font-size:16px}.piece-card .composer{font-size:13px;color:var(--ink-faint)}.incipit-strip{align-self:stretch;margin:2px -44px 2px -18px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.incipit{display:block;width:100%;height:auto}.incipit-line,.incipit-ledger{stroke:var(--paper-line);stroke-width:.9}.incipit-stem{stroke:var(--paper-ink);stroke-width:1.1}.incipit-head{fill:var(--paper-ink)}.incipit-head.hollow{fill:var(--paper);stroke:var(--paper-ink);stroke-width:1.4}.incipit-clef,.incipit-accidental{font-family:var(--music);fill:var(--paper-ink);dominant-baseline:alphabetic}.card-open.chosen .incipit-head{fill:var(--right)}.card-open.chosen .incipit-head.hollow{fill:var(--paper);stroke:var(--right)}.card-open.chosen .incipit-stem{stroke:var(--right)}.piece-parts{display:flex;flex-wrap:wrap;gap:5px}.part-chip{font-size:11.5px;padding:2px 8px;border-radius:20px;background:var(--sunk);color:var(--ink-soft)}.part-chip.target{background:color-mix(in srgb,var(--string-d) 16%,var(--surface));color:var(--string-d);font-weight:600}.card-facts{display:flex;gap:14px;margin-top:auto;padding-top:8px;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.back{align-self:flex-start;padding:6px 11px;font-size:13px}.library-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.library-actions{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:10px}.card-open.chosen h3{color:var(--string-d)}.library-controls{display:flex;min-width:0;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.search{display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--sunk);color:var(--ink-faint);min-width:min(280px,100%);flex:1 1 280px}.search:focus-within{border-color:var(--string-d);color:var(--ink-soft)}.search input{border:0;background:none;color:var(--ink);font:inherit;padding:9px 0;width:100%;outline:none}.card-facts .badge{padding:3px 9px;border-radius:999px;border:1px dashed var(--line-strong);color:var(--ink-faint)}.card-facts .tone-right{color:var(--right);font-weight:600}.card-facts .tone-near{color:var(--sharp);font-weight:600}.card-facts .tone-wrong{color:var(--wrong);font-weight:600}button.link{border:0;background:none;padding:0;color:var(--string-d);font:inherit;text-decoration:underline;cursor:pointer}.shelf+.shelf{margin-top:22px}.shelf-title{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--ink-soft)}.shelf-count{font-size:11.5px;font-weight:500;color:var(--ink-faint);font-variant-numeric:tabular-nums}.shelf-empty{margin:0;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-faint)}.drop-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--ground) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.drop-card{display:grid;justify-items:center;gap:.75rem;padding:1.75rem 2.25rem 1.5rem;background:var(--surface);border:2px solid var(--right);border-radius:var(--radius-lg);box-shadow:0 18px 48px #0e12192e;max-width:min(28rem,100vw - 2rem);text-align:center}.refused .drop-card{border-color:var(--line-strong)}.drop-staff{width:min(190px,70vw);height:auto;overflow:visible}.drop-staff-line{stroke:var(--paper-line);stroke-width:1}.drop-clef{font-family:var(--music);fill:var(--ink);dominant-baseline:alphabetic}.refused .drop-clef{fill:var(--ink-faint)}.drop-landing{fill:var(--right)}.drop-word{margin:0;font-family:var(--display);font-size:1.05rem;color:var(--ink)}.drop-detail{margin:0;font-size:.85rem;color:var(--ink-soft)}.writer{display:flex;flex-direction:column;height:calc(100vh - 58px);min-height:560px;background:var(--ground)}.writer-bar{flex-shrink:0;display:flex;align-items:center;gap:18px;height:60px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line)}.writer-identity{display:flex;flex-direction:column;gap:1px;min-width:0}.writer-identity input{width:min(230px,100%);padding:0;border:none;border-radius:0;background:transparent}.writer-rule{width:1px;height:30px;background:var(--line)}.writer-gap{flex-grow:1}.writer-transport{display:flex;align-items:center;gap:10px;height:38px;padding:0 4px;border-radius:10px}.writer-transport.sounding{padding-left:14px;background:color-mix(in srgb,var(--right) 12%,transparent)}.writer-where{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.writer-where strong{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink)}.writer-where-label{font-size:11px;color:var(--ink-soft)}.writer-body{flex-grow:1;display:flex;min-height:0}.writer-staves{width:min(236px,100%);flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line)}.writer-page{flex-grow:1;min-width:0;padding:20px 24px;overflow:auto}.write-blank{max-width:34ch;margin:12vh auto 0;font-size:13.5px;line-height:1.6;color:var(--ink-faint);text-align:center}.writer-takes{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:7px 10px;border:1px dashed var(--line-strong);border-radius:11px;background:var(--surface)}.writer-takes button{height:30px;padding:0 10px;border-radius:8px;font-size:12px}.takes-label{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.takes-list{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.take{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);overflow:hidden}.take.chosen{border-color:var(--flat);background:color-mix(in srgb,var(--flat) 10%,var(--surface))}.take-pick{display:flex;align-items:center;gap:7px;border:none;border-radius:0;background:transparent;color:var(--ink-soft)}.take.chosen .take-pick{font-weight:600;color:var(--flat)}.take-name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.take-size{font-size:10.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.take-drop{width:24px;padding:0;border:none;border-left:1px solid var(--line);border-radius:0;background:transparent;font-size:10px;color:var(--ink-faint)}.take-drop:hover{background:color-mix(in srgb,var(--wrong) 12%,transparent);color:var(--wrong)}.take-add{border:1px dashed var(--line-strong);background:transparent;color:var(--ink-soft)}.takes-name{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-faint)}.takes-name input{width:140px;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;color:var(--ink)}.writer-picker{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--surface);border-top:1px solid var(--line)}.writer-picker .pitch-staff,.writer-picker .pitch-neck{flex-grow:1;max-width:720px}.writer-picker .pitch-neck{max-width:260px}.pick-hint{flex:1;min-width:min(180px,100%);margin:0;font-size:11.5px;line-height:1.45;color:var(--ink-faint)}.pick-hint strong{font-weight:600;color:var(--ink-soft)}.writer-dock{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-height:78px;padding:8px 20px;background:var(--sunk);border-top:1px solid var(--line-strong)}.dock-group,.dock-end{min-width:0;flex-wrap:wrap}@media (max-width: 640px){.dock-rule{display:none}.writer-dock{gap:10px;padding:8px 12px}}.dock-group{display:flex;flex-direction:column;gap:5px}.dock-label{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.dock-label.chosen{color:var(--flat)}.dock-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.dock-row button{height:34px;padding:0 11px;border-radius:8px;font-size:12.5px}.dock-rule{width:1px;height:44px;background:var(--line-strong)}.level-choice{display:flex;gap:2px;padding:2px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}.level-chip{min-width:30px;height:26px;padding:0 7px;border:none;border-radius:6px;background:transparent;font-family:var(--display),serif;font-style:italic;font-weight:700;font-size:13px;color:var(--ink-soft)}.level-chip.chosen{background:var(--ink);color:var(--surface)}.wedge-chip{min-width:36px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:15px;line-height:1;color:var(--ink-soft)}.wedge-chip.chosen{background:var(--ink);border-color:transparent;color:var(--surface)}.dock-hint{margin:0;font-size:11.5px;font-style:italic;color:var(--ink-faint);white-space:nowrap}.dock-steps{display:flex;gap:2px;padding:2px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}.dock-steps button{height:28px;padding:0 9px;border:none;border-radius:6px;background:transparent;font-size:11.5px;color:var(--ink-soft)}.dock-end{display:flex;align-items:center;gap:8px}.dock-end button{height:34px;padding:0 11px;border-radius:8px;font-size:12.5px}.dock-end .dock-steps button{height:28px;padding:0 10px;font-size:14px}.writer-word{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 20px;background:var(--surface);border-top:1px solid var(--line)}.writer-word p{margin:0}.score-system{position:relative}.write-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--right);pointer-events:none}.write-setup{display:flex;align-items:center;gap:8px}.write-setup label{display:flex;align-items:center;gap:6px;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--ink-faint);white-space:nowrap}.write-setup select,.write-setup input{height:22px;padding:0 2px;border:none;border-radius:0;background:transparent;font-size:12.5px;font-weight:600;color:var(--ink)}.write-setup input[type=number]{width:42px;font-variant-numeric:tabular-nums}.write-meter{display:flex;align-items:center;gap:1px}.write-meter input[type=number]{width:26px;text-align:right}.write-meter select{padding-left:1px}.staves{display:flex;flex-direction:column;min-height:0}.staves-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px 8px}.staves-head h2{margin:0;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.staves-head select{height:26px;padding:0 4px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:11.5px;color:var(--ink-soft)}.staves-list{margin:0;padding:0 8px;list-style:none;overflow-y:auto}.stave{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:none;border-radius:9px;background:transparent;text-align:left}.stave:hover{background:var(--ground)}.stave.chosen{background:var(--sunk)}.stave-mark{flex-shrink:0;width:3px;height:28px;border-radius:2px;background:transparent}.stave.chosen .stave-mark{background:var(--ink)}.stave-what{flex-grow:1;min-width:0}.stave-name{display:block;font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stave-kind{display:block;font-size:10.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stave-count{flex-shrink:0;font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.staves-settings{margin-top:auto;padding:12px;border-top:1px solid var(--line)}.staves-settings h3{margin:0 0 9px;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staves-settings label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11.5px;color:var(--ink-soft)}.staves-settings select,.staves-settings input{width:122px;height:27px;padding:0 6px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px}.staves-clef{display:flex;align-items:center;gap:3px}.staves-drop{width:22px;height:27px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;font-size:10px;color:var(--ink-faint)}.staves-drop:hover{border-color:var(--line);color:var(--wrong)}.staves-add{width:100%;height:28px;margin:2px 0 6px;border:1px dashed var(--line-strong);border-radius:8px;background:transparent;font-size:11px;color:var(--ink-soft)}.staves-add:hover{border-color:var(--ink-faint);color:var(--ink)}.staves-remove{width:100%;height:30px;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:11.5px;color:var(--ink-soft)}.staves-remove:not(:disabled):hover{border-color:var(--wrong);color:var(--wrong)}@media (max-width: 1180px){.writer-bar{height:auto;flex-wrap:wrap;padding:10px 16px}.writer-rule{display:none}.writer-staves{width:196px}.writer-page{padding:14px 16px}}@media (max-width: 860px){.writer-staves{display:none}}.doorway{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--ground)}.door{display:flex;flex-direction:column;gap:12px;width:100%;max-width:34ch;padding:26px 24px}.door h1{margin:0;font-family:var(--display);font-size:26px;letter-spacing:-.01em}.door label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-faint)}.door input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:15px;color:var(--ink)}.door button[type=submit]{height:40px;margin-top:4px;border-radius:9px;font-size:14px}.door .link{align-self:center;height:auto;padding:2px;border:none;background:none;font-size:12.5px;color:var(--ink-soft);text-decoration:underline}.doorway-warning{margin:0;padding-top:4px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.45}.door.loading{align-items:stretch;text-align:center}.door.loading h1{text-align:left}.loading-bar{height:6px;border-radius:3px;background:var(--ground);overflow:hidden}.loading-bar span{display:block;height:100%;border-radius:3px;background:var(--ink);transition:width .12s linear}.loading-bar .sweeping{width:35%;animation:sweep 1.1s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion: reduce){.loading-bar .sweeping{animation:none;width:100%;opacity:.4}}.loading-count{margin:0;font-variant-numeric:tabular-nums}table.parts,table.stats{width:100%;border-collapse:collapse;font-size:13.5px}table.parts th,table.stats th{font-size:12px;font-weight:500;color:var(--ink-faint);text-align:right;padding:0 0 7px 12px;white-space:nowrap}table.parts th:first-child,table.stats th:first-child{text-align:left;padding-left:0}table.parts td,table.stats td{padding:8px 0 8px 12px;border-top:1px solid var(--line);text-align:center}table.parts td:first-child,table.stats td:first-child{text-align:left;padding-left:0}table.stats td{text-align:right}table.stats td.num{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.part-name{font-weight:500}table.parts tr.target .part-name{color:var(--string-d);font-weight:700}.part-role{display:block;font-size:11.5px;color:var(--ink-faint)}.scroller{overflow-x:auto}.rung{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.rung:hover:not(:disabled){border-color:var(--string-d);transform:translateY(-1px)}.rung.next{border-color:var(--string-d);box-shadow:0 0 0 3px color-mix(in srgb,var(--string-d) 18%,transparent)}.rung.final{background:linear-gradient(135deg,color-mix(in srgb,var(--string-e) 10%,var(--surface)),var(--surface))}.rung.locked{opacity:.5;cursor:default}.rung-number{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--sunk);color:var(--ink-soft);font-family:var(--display);font-weight:700;font-size:14px}.rung.next .rung-number{background:var(--string-d);color:#fff}.rung-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rung-body strong{font-family:var(--display);font-size:16px}.rung-detail{color:var(--ink-faint);font-size:12px}.rung-score{color:var(--ink-soft);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.drill-head{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:16px}.drill-level{font-family:var(--display);font-size:17px}.drill-goal{margin-left:auto;color:var(--ink-soft);font-variant-numeric:tabular-nums}.drill-points{font-family:var(--display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.drill-run{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--right) 16%,transparent);color:var(--right);font-weight:700;font-size:13px}.drill-progress{height:6px;margin-top:12px;border-radius:999px;background:var(--sunk);overflow:hidden}.drill-progress-fill{display:block;height:100%;border-radius:999px;background:var(--string-d);transition:width .22s ease}.drill-stage{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px 36px}.drill-clock{width:min(420px,100%);height:8px;border-radius:999px;background:color-mix(in srgb,var(--paper-ink) 8%,transparent);overflow:hidden}.drill-clock-fill{display:block;height:100%;border-radius:999px;background:var(--string-a);transition:width .1s linear}.drill-clock-fill.low{background:var(--wrong)}.drill-staff{overflow:visible}.drill-answers{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.neck.pickable{max-width:300px}.neck.pickable .fb-board{fill:#2a221a}.neck.pickable .fb-string{stroke-width:2.5}.neck.pickable .fb-label{fill:var(--ink-faint);font-family:var(--display);font-size:15px;font-weight:700}.drill-answers.keyboard{max-width:640px;gap:8px}.drill-answers.keyboard .drill-answer{min-width:68px;padding:14px 16px;font-size:19px}.drill-answer{min-width:84px;padding:16px 22px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-family:var(--display);font-size:22px;font-weight:700;cursor:pointer}.drill-answer:hover:not(:disabled){border-color:var(--string-d);background:color-mix(in srgb,var(--string-d) 8%,var(--surface))}.drill-answer.right{border-color:var(--right);background:color-mix(in srgb,var(--right) 16%,var(--surface));color:var(--right)}.drill-answer.wrong{border-color:var(--wrong);background:color-mix(in srgb,var(--wrong) 16%,var(--surface));color:var(--wrong)}.drill-answer:disabled{cursor:default}.drill-verdict{margin:0;color:var(--ink-faint);font-family:var(--display);font-size:19px;font-weight:700;min-height:24px}.drill-verdict.right{color:var(--right)}.drill-verdict.wrong{color:var(--wrong)}.drill-listening{min-height:56px;display:flex;align-items:center}.drill-result{text-align:center}.drill-result-title{margin:0 0 20px;font-family:var(--display);font-size:28px;color:var(--ink-soft)}.drill-result-title.cleared{color:var(--right)}.drill-result .headline-figures{justify-content:center}.drill-result .primary{margin-top:20px}.orders{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:2px;max-width:100%;border-radius:var(--radius-lg);background:var(--sunk)}.orders button{border:0;background:none;color:var(--ink-soft);font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}.orders button:hover{color:var(--ink)}.orders button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000001f}.intonation-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px}.intonation-target{margin:0;font-family:var(--display);font-size:44px;font-weight:800;letter-spacing:-.02em}.intonation-meter{position:relative;width:min(460px,100%);height:46px}.intonation-band{position:absolute;top:18px;left:40%;width:20%;height:10px;border-radius:999px;background:color-mix(in srgb,var(--right) 22%,transparent)}.intonation-meter:after{content:"";position:absolute;top:18px;left:0;right:0;height:10px;border-radius:999px;border:1px solid var(--line)}.intonation-needle{position:absolute;top:10px;width:4px;height:26px;margin-left:-2px;border-radius:2px;background:var(--wrong);transition:left 60ms linear;z-index:1}.intonation-needle.right{background:var(--right)}.intonation-cents{position:absolute;top:0;right:0;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:600}.intonation-cents.right{color:var(--right)}.intonation-cents.waiting{position:static;color:var(--ink-faint);font-weight:400}.hold-bar{width:min(460px,100%);height:10px;border-radius:999px;background:var(--sunk);overflow:hidden}.hold-fill{display:block;height:100%;border-radius:999px;background:var(--right);transition:width 60ms linear}.tendency{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;gap:12px;padding:6px 10px}.tendency-note{font-weight:600}.tendency-bar{position:relative;height:8px;border-radius:999px;background:var(--sunk)}.tendency-bar:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line-strong)}.tendency-fill{position:absolute;top:0;height:100%;border-radius:999px}.tendency-fill.flat{background:var(--flat)}.tendency-fill.sharp{background:var(--sharp)}.tendency-cents{color:var(--ink-soft);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.level-choice{display:flex;gap:4px}.level-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:600;line-height:1.1}.level-chip:hover{border-color:var(--line-strong);color:var(--ink)}.level-chip.chosen{background:var(--right);border-color:transparent;color:var(--surface)}.level-cents{font-size:10px;font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}.choice-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;min-width:0}.order-switch{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);white-space:nowrap}.held-note{margin:14px 0 0;display:grid;gap:3px;width:min(100%,420px)}.held-pitch,.held-level{display:block;width:100%;background:var(--sunk);border-radius:6px}.held-pitch{height:74px}.held-level{height:22px}.held-band{fill:color-mix(in srgb,var(--right) 22%,transparent)}.held-centre{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 3}.held-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.held-level-line{fill:none;stroke:var(--ink-faint);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.held-caption{margin:0;font-size:11.5px;color:var(--ink-faint)}.intonation-reading{display:grid;justify-items:center;gap:6px}.intonation-elsewhere{margin:0;font-size:13px;color:var(--sharp)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;align-items:start}.headline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:16px}.headline-figure{display:flex;flex-direction:column;gap:2px}.headline-figure b{font-family:var(--display);font-size:38px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.headline-figure span{font-size:13px;color:var(--ink-faint)}.findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink-soft)}.findings b{color:var(--ink);font-weight:700}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history li{display:grid;grid-template-columns:108px 1fr 74px;align-items:center;gap:12px;font-size:13px}.history-label{color:var(--ink-faint)}.history-bar{height:10px;border-radius:5px;background:var(--sunk);overflow:hidden}.history-fill{display:block;height:100%;border-radius:5px;background:var(--string-d)}.history-value{text-align:right;font-variant-numeric:tabular-nums}.danger-zone{border-color:color-mix(in srgb,var(--wrong) 30%,var(--line))}.danger-link{color:var(--wrong)}.headline-figure b.tone-right{color:var(--right)}.headline-figure b.tone-near{color:var(--sharp)}.headline-figure b.tone-wrong{color:var(--wrong)}.trouble{display:flex;flex-direction:column;gap:6px}.trouble-bar{display:grid;grid-template-columns:110px 1fr 56px 78px;align-items:center;gap:12px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.trouble-bar:hover{border-color:var(--line);background:var(--sunk)}.trouble-measure{font-weight:600}.trouble-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--wrong) 22%,transparent);overflow:hidden}.trouble-fill{display:block;height:100%;border-radius:999px;background:var(--right)}.trouble-figure{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.trouble-tries{color:var(--ink-faint);font-size:13px;text-align:right}.chart-rule{stroke:var(--line);stroke-width:.4;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line.accuracy{stroke:var(--right)}.chart-line.tuning{stroke:var(--flat)}.chart-dot.accuracy{fill:var(--right);vector-effect:non-scaling-stroke}.chart-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--ink-faint);font-size:12px}.chart-legend{display:flex;gap:20px;margin-top:12px;font-size:13px;color:var(--ink-soft)}.chart-legend .accuracy b{color:var(--right)}.chart-legend .tuning b{color:var(--flat)}.settings-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b1273;display:grid;place-items:start center;padding-top:76px;z-index:20}.settings-card{width:min(420px,100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 48px #080b1238}.settings-head{display:flex;flex-wrap:wrap;min-width:0;align-items:center;justify-content:space-between}@media (max-width: 1080px){.practice-layout,.tuner-layout{grid-template-columns:minmax(0,1fr)}.practice-rail{position:static}}@media (max-width: 720px){.app-header{height:auto;flex-wrap:wrap;padding:10px 16px;gap:10px}.app-body{padding:14px 16px 24px}}@media (max-width: 1080px){.app-header{flex-wrap:nowrap;gap:10px;height:54px;padding:0 14px}.wordmark{font-size:16px;margin-right:auto}.capture-state{gap:0;font-size:0}.capture-state:before{width:10px;height:10px}.spaces{position:fixed;left:0;right:0;bottom:0;z-index:20;gap:0;margin-right:0;padding:6px 4px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}.space-tab{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px}.space-mark{display:block;line-height:0}.space-name{font-size:10px;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-tab.active{background:transparent;color:var(--ink);font-weight:600}.space-tab.active .space-mark{color:var(--string-a)}.app-body{padding:12px 14px calc(76px + env(safe-area-inset-bottom,0px))}.app-body.bare{padding:0 0 calc(70px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-width: 420px){.app-header{gap:7px;padding:0 10px}.wordmark{font-size:13px}.register-switch{padding:2px}.register-side{padding:4px 8px;font-size:11px}.tool,.icon-button{width:30px;height:30px}}@media (max-width: 1080px){.popover{position:fixed;top:auto;left:10px;right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));max-height:60dvh;overflow-y:auto}.popover.left,.popover.right{left:10px;right:10px}.popover-body,.popover-body.wide{width:auto}}