:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efece5;--bg-elev:#e7e3da;--panel:#f9f7f3;--panel-2:#f2efe8;--ink:#17191b;--ink-dim:#3c4045;--muted:#61666d;--faint:#8b9099;--border:#d3cec3;--border-strong:#b5afa2;--accent:#7a5a28;--accent-ink:#f9f7f3;--accent-soft:#7a5a281a;--staff-ink:#15171a;--ok:#3f6b49;--warn:#8a6620;--bad:#97423a;--info:#3d5f7d;--font:ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius:2px;--radius-lg:3px;--label:.68rem;--tracking:.12em}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1a19;--bg-elev:#212120;--panel:#252524;--panel-2:#2c2c2a;--ink:#e7e2d8;--ink-dim:#b8b3a8;--muted:#8b877e;--faint:#656159;--border:#343330;--border-strong:#4b4945;--accent:#c8a45c;--accent-ink:#1a1a19;--accent-soft:#c8a45c21;--staff-ink:#eae5da;--ok:#7d9f7a;--warn:#c8a45c;--bad:#c07a6b;--info:#8098ab}:root[data-theme=dark] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.055'/%3E%3C/svg%3E");background-size:180px 180px}:root[data-theme=dark] .panel,:root[data-theme=dark] .quiz-setup,:root[data-theme=dark] .quiz-summary,:root[data-theme=dark] .quiz-stats,:root[data-theme=dark] .tool-card,:root[data-theme=dark] .play-along-controls,:root[data-theme=dark] .drill-source,:root[data-theme=dark] .entry-staff-wrap,:root[data-theme=dark] .modal,:root[data-theme=dark] .stats-bar{border-top-color:var(--border-strong)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}::selection{background:var(--accent-soft)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button,select,input{font:inherit;color:inherit}button{border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;background:0 0;padding:.38rem .8rem;font-size:.88rem;transition:color .12s,border-color .12s,background-color .12s}button:hover:not(:disabled){color:var(--ink);border-color:var(--accent)}button:disabled{opacity:.38;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);text-transform:uppercase;letter-spacing:.16em;padding:.72rem 2rem;font-size:.78rem;font-weight:600}button.primary:hover:not(:disabled){color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 84%, var(--ink))}select,input[type=number],input[type=search],input[type=text]{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;padding:.4rem .5rem}select:hover,input[type=number]:hover{border-color:var(--muted)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius);letter-spacing:.04em;color:var(--muted);padding:.05em .4em;font-size:.78em}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;min-height:3.1rem;padding:0 1.25rem;display:flex}.topbar .account-button{flex:none;margin-left:auto}.topbar h1{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.topbar-summary{color:var(--faint);letter-spacing:.06em;text-transform:lowercase;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.layout{flex:1;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem;display:grid}.app.running .layout{padding:.5rem 1rem 1rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-self:start;width:min(360px,100%);max-height:calc(100vh - 6rem);padding:1rem;overflow:auto}.panel[hidden]{display:none}.session{flex-direction:column;align-items:center;gap:.75rem;min-width:0;display:flex}.stage{outline:none;justify-content:center;width:100%;display:flex}.staff-wrap{width:min(100%,1200px)}.staff{width:100%}.staff svg{width:100%;height:auto;max-height:68vh;margin:0 auto;display:block}.staff-error,.error{color:var(--bad)}.answer{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:7.5rem;display:flex}.countdown,.reveal{width:100%}.countdown-number{font-variant-numeric:tabular-nums;color:var(--muted);font-size:clamp(2.2rem,6vw,4rem);line-height:1}.progress{background:var(--border);border-radius:0;width:min(60%,420px);height:4px;margin:.6rem auto 0;overflow:hidden}.progress.subtle{opacity:.6;height:3px}.progress-bar{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform 50ms linear}.reveal-name{letter-spacing:-.02em;font-size:clamp(3rem,10vw,6.5rem);font-weight:700;line-height:1}.reveal-detail{margin-top:.4rem;font-size:clamp(1.1rem,2.6vw,1.6rem)}.reveal-key{color:var(--muted);margin-top:.2rem}.idle{flex-direction:column;align-items:center;gap:.75rem;display:flex}.hint{color:var(--muted);margin:0;font-size:.9rem}.session-bar{color:var(--muted);align-items:center;gap:1rem;font-size:.9rem;display:flex}.controls{flex-direction:column;gap:.9rem;display:flex}.field{border:0;flex-direction:column;gap:.3rem;min-width:0;margin:0;padding:0;display:flex}.field>label,.field>legend{color:var(--muted);padding:0;font-size:.85rem;font-weight:600}.field small,.summary{color:var(--muted);font-size:.8rem}.summary{margin:0}.inline{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.inline>div{flex-direction:column;flex:1;gap:.3rem;min-width:7rem;display:flex}.inline>div>label{color:var(--muted);font-size:.8rem}.checkbox,.radio{align-items:center;gap:.5rem;font-size:.95rem;display:flex}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.panel{width:100%;max-height:none}.staff svg{max-height:55vh}}@media (width<=920px){.topbar{flex-wrap:wrap;gap:.5rem 1rem;padding:.35rem .85rem}.topbar .mode-tabs{border-top:1px solid var(--border);flex:1 0 100%;order:3;align-self:auto}.topbar .mode-tabs button{padding:.45rem .7rem}}@media (width<=480px){.topbar-summary{display:none}.layout{padding:.5rem}}.mode-tabs{flex-direction:row;gap:0;display:flex}.topbar .mode-tabs{scrollbar-width:none;align-self:stretch;align-items:stretch;min-width:0;overflow:auto hidden}.inline>.mode-tabs{border-bottom:1px solid var(--border);flex-direction:row;flex:none;align-items:stretch}.inline>.mode-tabs button{padding:.4rem .8rem}.mode-tabs button{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 .85rem;font-size:.74rem;font-weight:500}.mode-tabs button:hover:not(:disabled){color:var(--ink);border-bottom-color:var(--border-strong)}.mode-tabs button.active{color:var(--ink);border-bottom-color:var(--accent);background:0 0}.layout.single{grid-template-columns:minmax(0,1fr);justify-items:center}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz{flex-direction:column;align-items:stretch;gap:1rem;width:min(100%,900px);display:flex}.quiz h2{margin:0 0 .25rem;font-size:1.3rem}.quiz-setup,.quiz-summary{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.stats-bar{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);flex-wrap:wrap;gap:.4rem 1.2rem;padding:.6rem 1rem;font-size:.95rem;display:flex}.stats-bar strong,.reveal-answer{color:var(--ink)}.ok{color:var(--ok)}.slow{color:var(--warn)}.bad{color:var(--bad)}.question-card{text-align:center;padding:1.5rem 1rem .5rem}.question-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .4rem;font-size:.9rem}.question-prompt{margin:0;font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:600;line-height:1.25}.note-entry{flex-direction:column;align-items:center;gap:.6rem;display:flex}.note-entry-input{text-align:center;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);width:min(100%,520px);color:var(--ink);padding:.5rem .75rem;font-size:clamp(1.4rem,4vw,2.2rem)}.note-entry-input:focus{border-color:var(--accent);outline:none}.chips{flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:1.8rem;display:flex}.chip{border:1px solid var(--border);border-radius:var(--radius-lg);padding:.1rem .7rem;font-size:1.1rem}.chip.invalid{border-color:var(--accent);color:var(--accent);text-decoration:line-through}.note-buttons{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.note-buttons button{min-width:2.6rem;font-size:1.15rem}.note-buttons button.primary{padding:.45rem 1.2rem;font-size:1rem}.reveal-card{background:var(--panel);border:1px solid var(--border);border-left:5px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;padding:1rem 1.25rem;display:flex}.reveal-card.verdict-correct{border-left-color:var(--ok)}.reveal-card.verdict-enharmonic{border-left-color:var(--info)}.reveal-card.verdict-slow{border-left-color:var(--warn)}.reveal-card.verdict-wrong{border-left-color:var(--bad)}.verdict{margin:0;font-size:1.1rem;font-weight:600}.verdict.correct{color:var(--ok)}.verdict.enharmonic{color:var(--info)}.verdict.slow{color:var(--warn)}.verdict.wrong{color:var(--accent)}.reveal-answer{margin:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;line-height:1.1}.reveal-quality{color:var(--muted);font-size:.6em;font-weight:400}.steps{color:var(--muted);margin:0;padding-left:1.4rem}.parent-scale,.omitted,.reveal-time{color:var(--muted);margin:0}.parent-scale{color:var(--ink);font-size:1.15rem}.tone-table{border-collapse:collapse;font-size:1.1rem}.tone-table th,.tone-table td{text-align:left;padding:.15rem .9rem .15rem 0}.tone-table th{color:var(--muted);font-weight:500}.tone-table .tone-note{font-weight:700}.tone-table tr.enh td:last-child{color:var(--info)}.tone-table tr.bad td:last-child{color:var(--accent)}.summary-table{border-collapse:collapse;width:100%}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--border);padding:.3rem .6rem}.summary-table th{color:var(--muted);font-size:.85rem;font-weight:500}.modal-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1.1rem;width:min(680px,100%);padding:1.25rem;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.mic-setup .field>label:first-child,.mic-setup .field>legend{color:var(--ink);font-size:.95rem;font-weight:600}.level-meter{background:var(--border);border-radius:var(--radius);width:min(100%,420px);height:14px;position:relative;overflow:hidden}.level-meter-bar{background:linear-gradient(90deg, var(--ok) 0%, var(--ok) 70%, var(--warn) 85%, var(--bad) 100%);transform-origin:0;width:100%;height:100%;transition:transform 60ms linear}.level-meter-text{color:var(--ink);mix-blend-mode:difference;font-size:.75rem;position:absolute;top:-1px;right:.5rem}.cents-needle{width:min(100%,420px);margin:.3rem auto 0}.cents-scale{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.cents-track{background:var(--border);border-radius:var(--radius);height:10px;position:relative;overflow:visible}.cents-green{border-radius:var(--radius);background:#2e8b5759;width:20%;height:100%;position:absolute;left:40%}.cents-marker{background:var(--accent);border-radius:var(--radius);width:4px;height:18px;margin-left:-2px;transition:left 60ms linear;position:absolute;top:-4px}.cents-needle.idle .cents-marker{opacity:.25}.cents-needle.in-tune .cents-marker{background:var(--ok)}.cents-value{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.listening{flex-direction:column;align-items:center;gap:.35rem;width:100%;margin-top:.6rem;display:flex}.detected{margin:0;font-size:1.05rem}.mic-verdict{flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.4rem;display:flex}.verdict.muted{color:var(--muted);font-weight:500}.tick-panel{flex-direction:column;gap:.9rem;display:flex}.tick-panel .summary{margin:0}.tick-panel .summary.error{color:var(--accent)}.presets{align-items:center}.presets button{text-transform:uppercase;letter-spacing:.08em;padding:.26rem .62rem;font-size:.76rem}.tick-group legend{margin-bottom:.3rem}.tick-grid{flex-wrap:wrap;gap:.4rem;display:flex}.tick{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);background:var(--panel);align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.84rem;transition:color .12s,border-color .12s,background-color .12s;display:inline-flex;position:relative}.tick:hover{color:var(--ink);border-color:var(--muted)}.tick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tick:has(input:focus-visible){outline:1px solid var(--accent);outline-offset:2px}.tick.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.tick.disabled{opacity:.45;cursor:not-allowed}.root-tick{justify-content:center;min-width:3.2rem;font-size:1.05rem}.quiz-stats .inline button.active,.practice .mode-tabs button.active{color:var(--ink);border-color:var(--accent)}.quiz-stats{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.stats-section h3{margin:.4rem 0 .3rem;font-size:1.05rem}.stats-table{border-collapse:collapse;width:100%;font-size:.95rem}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.25rem .5rem}.stats-table th{color:var(--muted);font-size:.8rem;font-weight:500}.stats-table tr.slow .stats-key{color:var(--warn)}.stats-weakness{align-items:center;gap:.5rem;display:flex}.weakness-bar{background:var(--border);border-radius:var(--radius);width:90px;height:8px;overflow:hidden}.weakness-fill{background:var(--accent);transform-origin:0;width:100%;height:100%}.stats-section{overflow-x:auto}.tools{flex-direction:column;gap:1rem;width:min(100%,1100px);display:flex}.notice{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border:1px solid var(--accent);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.notice p{flex:1;margin:0}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1rem;display:grid}.tool-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.9rem;padding:1.1rem;display:flex}.tool-card h2{margin:0;font-size:1.15rem}.tool-card button.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}input[type=range]{width:100%}.beat-display{flex-direction:column;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.beat-dots{gap:.6rem;display:flex}.beat-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:22px;height:22px;transition:background 40ms linear,transform 40ms linear}.beat-dot.downbeat{border-color:var(--muted)}.beat-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.beat-dot.active.count-in{background:var(--muted);border-color:var(--muted)}.beat-text{font-variant-numeric:tabular-nums;color:var(--muted)}.listen-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:.35rem;display:inline-block}.listen-dot.on{background:var(--bad);box-shadow:0 0 6px var(--bad)}.listen-dot.off{background:var(--border)}.audio-status{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 1rem;display:flex}.audio-status.warn{border-color:var(--warn)}.audio-status.ok strong{color:var(--ok)}.audio-status small{color:var(--muted);flex-basis:100%}.ear{flex-direction:column;gap:1rem;width:min(100%,900px);display:flex}.answer-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.answer-grid.two-part{flex-direction:column;align-items:center;gap:.8rem}.choice-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.choice-group-title{color:var(--muted);text-align:center;width:100%;font-size:.85rem}.choice{min-width:4.2rem;padding:.6rem 1rem;font-size:1.15rem}.choice kbd{opacity:.7;margin-right:.35rem;font-size:.7rem}.choice.selected{background:var(--accent);color:var(--accent-ink);border-color:#0000}.radio.disabled{opacity:.5}.tick-row{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.4rem;display:flex}.tick-row-title{min-width:8rem;color:var(--muted);font-size:.85rem}.tick small{color:var(--muted);font-size:.75rem}.quick button{padding:.2rem .6rem;font-size:.85rem}.presets button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.play-along{flex-direction:column;gap:.75rem;width:min(100%,1400px);min-width:0;display:flex}.play-along-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.play-along-title strong{font-size:1.1rem}.play-along-status{font-size:1.05rem}.count-in{color:var(--accent);font-weight:600}.count-in strong{font-size:1.6rem}.phrase-staff-wrap{width:100%;transition:filter .2s;position:relative}.phrase-staff-wrap.veiled{filter:blur(9px);opacity:.35}.phrase-staff svg{max-height:none}.play-along .stage{flex-direction:column;position:relative}.veil-note{color:var(--accent);pointer-events:none;place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}.phrase-placeholder{color:var(--muted);text-align:center;padding:3rem 1rem}.play-along-controls{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;padding:.9rem 1.1rem;display:flex}.play-along .session-bar{flex-wrap:wrap}.play-along .tags{align-self:end}.library{border:1px solid var(--border);border-radius:var(--radius);max-height:40vh;overflow:auto}.library .stats-table tr{cursor:pointer}.library .stats-table tr:hover td{background:color-mix(in srgb, var(--accent) 8%, transparent)}.library .stats-table tr.selected td{background:color-mix(in srgb, var(--accent) 18%, transparent)}.library button{margin:.5rem}.beat-cursor{transition:none}.upcoming{opacity:.55;border-top:1px dashed var(--border);padding-top:.4rem}.upcoming>.hint{margin-bottom:.2rem;display:block}.checkbox.disabled{opacity:.5}.play-along .summary{color:var(--muted);margin:.2rem 0 0;font-size:.9rem}.play-along .summary.error{color:var(--accent)}.drills{flex-direction:column;gap:.75rem;width:min(100%,1400px);min-width:0;display:flex}.drill-source{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:.5rem .75rem}.entry-staff-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);width:100%;padding:.5rem .75rem}.entry-staff-wrap.disabled{opacity:.5}.entry-staff.clickable{cursor:crosshair}.entry-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.entry-toolbar.disabled{opacity:.5}.tool-group{flex-wrap:wrap;gap:.3rem;display:inline-flex}.tool-group button{justify-content:center;align-items:center;gap:.35rem;min-width:2.4rem;padding:.3rem .6rem;display:inline-flex}.tool-group button.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.tool-group button .glyph{font-family:Bravura Text,Bravura,serif;font-size:1.25rem;line-height:1}.tool-group button kbd{opacity:.8;font-size:.7rem}.entry-hint{flex-basis:100%}.verdicts{counter-reset:verdict;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.35rem .75rem;margin:0;padding:0;list-style:none;display:grid}.verdicts li{border-left:4px solid var(--border);counter-increment:verdict;flex-direction:column;padding:.2rem .6rem;display:flex}.verdicts li:before{content:counter(verdict);color:var(--muted);font-size:.75rem}.verdict-kind{font-weight:600}.verdict-detail{color:var(--muted);font-size:.9rem}.verdict-legend span{margin-right:1rem}.play-along-status.bad{color:var(--accent)}.sliders{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem 1.25rem;display:grid}.slider{grid-template-columns:1fr auto;align-items:center;gap:.1rem .5rem;display:grid}.slider>label{color:var(--muted);grid-column:1/-1;font-size:.85rem}.slider input[type=range]{width:100%;accent-color:var(--accent)}.slider output{text-align:right;min-width:7rem;font-size:.9rem}.practice{flex-direction:column;gap:.75rem;width:min(100%,1400px);min-width:0;display:flex}.practice-bar{align-items:end}.weak-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;display:grid}.weak-card{border:1px solid var(--border);border-top:4px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;gap:.15rem;padding:.5rem .7rem;display:flex}.weak-label{font-weight:600}.weak-score{font-size:1.4rem;font-weight:600}.weak-meta{font-size:.8rem}.dimension-mode h3{margin:.6rem 0 .2rem}.time-chart{width:100%;max-width:1400px;height:auto;color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.quiz h2,.drills h2,.ear h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--border);padding-bottom:.6rem;font-size:1.15rem}.stats-section h3,.tool-card h2,.dimension-mode>h3{text-transform:uppercase;letter-spacing:var(--tracking);color:var(--muted);font-size:.74rem;font-weight:600;font-family:var(--font)}.field>label:not(.radio):not(.checkbox),.field>legend,.inline>div>label,.slider>label,.choice-group-title,.tick-row-title{font-size:var(--label);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--faint);font-weight:600}.field small,.summary,.hint{color:var(--muted);font-size:.78rem;line-height:1.5}.checkbox,.radio{color:var(--ink-dim);font-size:.85rem}.stats-table,.summary-table,.tone-table,.stats-bar,.countdown-number,.weak-score,.beat-text,.cents-value,.level-meter-text{font-variant-numeric:tabular-nums}.reveal-name,.question-prompt,.reveal-answer,.countdown-number{font-family:var(--font-display);font-weight:600}.reveal-name{letter-spacing:.01em}.countdown-number{color:var(--faint)}.panel,.quiz-setup,.quiz-summary,.quiz-stats,.tool-card,.reveal-card,.play-along-controls,.drill-source,.entry-staff-wrap,.weak-card,.modal,.stats-bar,.library{border-color:var(--border);box-shadow:none}.tool-card,.weak-card{background:var(--panel)}.stats-table th,.summary-table th,.tone-table th{font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border-strong);font-weight:600}.stats-table td,.summary-table td,.tone-table td{border-bottom:1px solid var(--border)}.stats-key{color:var(--ink)}.choice,.note-buttons button,.tool-group button{border-radius:var(--radius)}.choice.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.tool-group button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip{border-radius:var(--radius);font-family:var(--font-display)}.stage{padding:.5rem 0}.session-bar,.play-along .session-bar{border-top:1px solid var(--border);padding-top:.7rem;font-size:.78rem}.stats-bar{letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);font-size:.78rem}.play-along-title strong,.weak-label{font-family:var(--font-display);font-weight:600}.count-in strong{font-family:var(--font-display)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg)}::-webkit-scrollbar-track{background:0 0}.stats-table tr.bad,.stats-table tr.slow{color:inherit}.stats-table tr.bad .stats-key{color:var(--bad);font-weight:600}.stats-table tr.slow .stats-key{color:var(--warn);font-weight:600}@media (pointer:coarse){.keys,.session-bar .hint,.entry-hint{display:none}button,select,input,.tick,.choice,label.checkbox,label.radio{touch-action:manipulation}button,select,input[type=number],input[type=search],input[type=text]{min-height:2.75rem}.tick{min-height:2.5rem;padding-inline:.7rem}.choice{min-width:3rem;min-height:3rem}.tool-group button{min-width:2.75rem}.mode-tabs button{min-height:0}.checkbox,.radio{padding-block:.3rem}}@media (width<=720px){.topbar{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));gap:.85rem}.topbar h1{letter-spacing:.16em;flex:none;font-size:.78rem}.topbar>button{flex:none}.topbar-summary{display:none}.topbar .mode-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.topbar .mode-tabs::-webkit-scrollbar{display:none}.topbar .mode-tabs button{padding:0 .6rem;font-size:.7rem}.inline>div{flex:100%}.tick-row{flex-direction:column;align-items:stretch;gap:.3rem}.tick-row-title,.choice-group-title{width:auto;min-width:0}.tick-row .tick{align-self:flex-start}.tick-row:has(.tick){display:flex}.sliders,.weak-grid,.verdicts{grid-template-columns:minmax(0,1fr)}.layout{padding:.6rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom))}.quiz-setup,.quiz-summary,.quiz-stats,.play-along-controls,.tool-card{padding:.85rem}.staff svg{max-height:40vh}.stats-section,.library,.over-time{overflow-x:auto}.verdicts li{break-inside:avoid}.tick-row>.tick{display:inline-flex}.tick-row{flex-flow:wrap}.tick-row-title{flex:1 0 100%}}@media (width<=420px){.topbar h1{letter-spacing:.1em}.reveal-name{font-size:clamp(2.6rem,18vw,4rem)}.entry-toolbar{gap:.4rem .6rem}}html,body{overflow-x:hidden}.vf-stavenote.judged-correct{fill:var(--ok);stroke:var(--ok)}.vf-stavenote.judged-wrong{fill:var(--bad);stroke:var(--bad)}.vf-stavenote.judged-early,.vf-stavenote.judged-late{fill:var(--warn);stroke:var(--warn)}.vf-stavenote.judged-missed{fill:var(--bad);stroke:var(--bad);opacity:.45}.vf-stavenote[class*=judged-]>path{stroke:var(--staff-ink)}.play-along-status{flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;display:flex}.play-along-status .score{font-variant-numeric:tabular-nums}.play-along .scoring{align-items:end}.play-along .scoring>small{flex:1 0 100%}.focus-banner{border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);flex-direction:column;gap:.55rem;padding:.75rem .9rem;display:flex}.focus-banner-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.focus-kicker{font-size:var(--label);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--accent);margin-right:.6rem;font-weight:600}.focus-items{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.focus-chip{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--ink);border-left-width:3px;align-items:baseline;gap:.35rem;padding:.14rem .5rem;font-size:.82rem;display:inline-flex}.focus-chip small{color:var(--muted);font-variant-numeric:tabular-nums}.focus-chip.bad{border-left-color:var(--bad)}.focus-chip.warn{border-left-color:var(--warn)}.focus-chip.ok{border-left-color:var(--ok)}.focus-groups{flex-direction:column;gap:.55rem;margin-bottom:1.2rem;display:flex}.focus-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem 1rem;padding:.65rem .8rem;display:grid}.focus-group>button{grid-area:1/2/span 2}@media (width<=720px){.focus-group{grid-template-columns:minmax(0,1fr)}.focus-group>button{grid-area:auto;justify-self:start}}.topbar .mode-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.topbar .mode-tabs::-webkit-scrollbar{display:none}.topbar>button,.topbar-summary{flex:none}.account-button{flex:none;align-items:center;gap:.45rem;display:inline-flex}.sync-mark{background:var(--faint);border-radius:1px;width:.45rem;height:.45rem}.sync-mark.ok{background:var(--ok)}.sync-mark.warn{background:var(--warn)}.sync-mark.bad{background:var(--bad)}.sync-mark.busy{background:var(--accent);animation:.9s ease-in-out infinite alternate sync-pulse}@keyframes sync-pulse{0%{opacity:1}to{opacity:.25}}.account-dialog{flex-direction:column;gap:.85rem;width:min(100%,30rem);display:flex}.account-dialog form{flex-direction:column;gap:.7rem;display:flex}.account-dialog p{margin:0;line-height:1.5}.sync-line.error{color:var(--bad)}.sync-line.offline{color:var(--warn)}.link-button{min-height:0;font:inherit;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-button:hover{color:var(--accent);text-decoration:underline}input[type=number][aria-invalid=true]{border-color:var(--warn)}.account-ways{border-bottom:1px solid var(--border);gap:.35rem;margin-bottom:.9rem;padding-bottom:.6rem}.account-ways button.active{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.profile-card{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin-bottom:.3rem;padding-bottom:.7rem;display:flex}.profile-card .field{margin:0}.profile-card .tick{align-self:flex-start}.profile-card .field .inline{gap:.4rem}.cohorts{flex-direction:column;gap:.9rem;width:min(100%,900px);display:flex}.cohort-forms{flex-wrap:wrap;gap:1rem 2rem;display:flex}.cohort-forms .field{flex:18rem;margin:0}.cohort-card{flex-direction:column;gap:.8rem;display:flex}.cohort-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cohort-head h3{margin:0}.invite-code{font-family:var(--font-mono,monospace);letter-spacing:.18em;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--ink);padding:.25rem .55rem;font-size:1.1rem}.cohort-members{border-top:1px solid var(--border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cohort-members li{border-bottom:1px solid var(--border);align-items:baseline;gap:.6rem;padding:.4rem 0;display:flex}.cohort-members .member-name{color:var(--ink);flex:auto}.cohort-members button{margin-left:auto}.cohort-licks{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;padding-top:.7rem;display:flex}.cohort-licks h4{letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);margin:0;font-size:.95rem}.lick-composer{border:1px solid var(--border);background:var(--panel-2);flex-direction:column;gap:.7rem;padding:.8rem;display:flex}.lick-composer .field{margin:0}.lick-record,.lick-write{flex-direction:column;gap:.5rem;display:flex}.recording-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.4rem}.lick-composer audio,.lick-card audio{max-width:17rem;height:2.2rem}.lick-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.lick-card{border:1px solid var(--border);background:var(--panel-2);flex-direction:column;gap:.5rem;padding:.7rem .8rem;display:flex}.lick-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.lick-head button{margin-left:auto}.lick-note{color:var(--ink);margin:0}.lick-chain{margin:0;font-style:italic}.telephone{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;padding-top:.7rem;display:flex}.telephone h4{letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);margin:0;font-size:.95rem}.chain-card{flex-direction:column;gap:.6rem;display:flex}.your-turn{border:1px solid var(--accent);background:var(--accent-soft);flex-direction:column;gap:.6rem;padding:.7rem .8rem;display:flex}.your-turn p{color:var(--ink);margin:0}.cue audio{max-width:17rem;height:2.2rem}.chain-steps{counter-reset:step;flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.chain-steps>li{border-left:2px solid var(--border-strong);flex-direction:column;gap:.4rem;padding-left:.9rem;display:flex}.chain-step-head{color:var(--ink)}.chain-steps audio{max-width:17rem;height:2.2rem}.take-editor{flex-direction:column;gap:.6rem;display:flex}.chain-steps>li.sounding{border-left-color:var(--accent);background:var(--accent-soft)}.challenges,.boards{border-top:1px solid var(--border);flex-direction:column;gap:.7rem;padding-top:.7rem;display:flex}.challenges h4,.boards h4{letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);margin:0;font-size:.95rem}.challenge-card{flex-direction:column;gap:.5rem;display:flex}.challenge-banner{border:1px solid var(--accent);background:var(--accent-soft);flex-direction:column;gap:.4rem;width:min(100%,1400px);margin:0 auto .6rem;padding:.6rem .9rem;display:flex}.challenge-banner strong{color:var(--ink)}.challenge-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.1rem}.challenge-banner.setup{border-style:dashed}.challenge-banner label.inline{align-items:center;gap:.35rem}.challenge-banner input[type=number]{width:4.5rem}.challenge-banner .unsaved-guard{flex-direction:row;align-items:center;margin-bottom:0}.board{flex-direction:column;gap:.35rem;display:flex}.board-rows{counter-reset:place;margin:0;padding:0;list-style:none}.board-rows li{border-bottom:1px solid var(--border);counter-increment:place;justify-content:space-between;gap:1rem;padding:.3rem .4rem;display:flex}.board-rows li:before{content:counter(place) ".";color:var(--faint);min-width:1.4rem}.board-rows li.you{background:var(--accent-soft);color:var(--ink)}.unsaved{color:var(--warn)}.unsaved-guard{border:1px solid var(--warn);background:var(--panel-2);flex-direction:column;gap:.5rem;margin-bottom:.8rem;padding:.7rem .9rem;display:flex}.unsaved-guard p{margin:0}.rhythm{flex-direction:column;gap:.9rem;width:min(100%,1400px);display:flex}.calibration{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:.9rem 1.1rem}.calibration-run{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.calibration-count{font-variant-numeric:tabular-nums;color:var(--accent);margin:0}.tap-pad{border:1px dashed var(--border-strong);background:var(--panel-2);min-height:5.5rem;color:var(--muted);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:14rem;font-size:.95rem}.tap-pad:active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.calibration-result{flex-direction:column;gap:.6rem;margin-top:.8rem;display:flex}.app.door{background:var(--bg);min-height:100vh}.first-run{flex-direction:column;gap:1rem;width:min(100%,44rem);margin:0 auto;padding:2.5rem 1.25rem 4rem;display:flex}.first-run h1{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:0;font-size:1.1rem}.first-run.asking h1{letter-spacing:.02em;text-transform:none;font-size:1.6rem}.first-run-lede{max-width:34rem;color:var(--ink-dim);margin:0}.first-run-start{flex-direction:column;align-items:flex-start;gap:.5rem;margin:1rem 0 .5rem;display:flex}.first-run-start .primary{padding:.7rem 1.3rem;font-size:1rem}.rooms{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.rooms button{text-align:left;background:var(--panel);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;height:100%;padding:.7rem .8rem;display:flex}.rooms button:hover{border-color:var(--accent)}.rooms strong{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);font-size:.78rem}.rooms span{color:var(--muted);white-space:pre-line;font-size:.88rem}.first-run-foot{color:var(--faint);margin:1rem 0 0}.instrument-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.4rem;display:grid}.instrument-grid button.active{border-color:var(--accent);color:var(--ink)}.topbar h1 button.wordmark{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:0 0;border:0;padding:0}.staff-legend{flex-wrap:wrap;gap:.2rem 1.1rem;display:flex}.staff-legend .judged:before{content:"\15 A0";margin-right:.3rem}.staff-legend .judged.correct:before{color:var(--ok)}.staff-legend .judged.early:before,.staff-legend .judged.late:before{color:var(--warn)}.staff-legend .judged.missed:before,.staff-legend .judged.extra:before{color:var(--bad)}.staff-legend .judged.missed:before{opacity:.45}.tour-bar{border:1px solid var(--border-strong);background:var(--panel-2);flex-direction:column;gap:.35rem;width:min(100%,1400px);margin:0 auto .6rem;padding:.5rem .9rem;display:flex}.tour-bar strong small{color:var(--muted);margin-left:.4rem;font-weight:400}.tour-left{font-variant-numeric:tabular-nums}.tour-track{background:var(--border);height:3px}.tour-track span{background:var(--accent);height:100%;display:block}.tour-summary{flex-direction:column;gap:.7rem;width:min(100%,40rem);display:flex}.tour-rows{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.tour-rows li{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;padding:.25rem 0;display:flex}.settings-panel{flex-direction:column;gap:.6rem;margin-bottom:.8rem;display:flex}.settings-summary{border:1px solid var(--border);background:var(--panel-2);align-items:center;gap:.8rem;padding:.45rem .7rem;display:flex}.settings-line{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.settings-panel.open .settings-summary{border-color:var(--border-strong)}.settings-panel>[hidden]{display:none}.advanced{flex-direction:column;gap:.6rem;display:flex}.advanced-toggle{color:var(--muted);align-self:flex-start}.advanced.open .advanced-toggle{color:var(--ink)}.beat-timeline{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.tl-controls{align-items:baseline}.tl-scroll{border:1px solid var(--border);background:var(--panel-2);overflow-x:auto}.tl-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tl-svg{display:block}.tl-line{stroke:var(--border);stroke-width:1px}.tl-line.bar{stroke:var(--border-strong);stroke-width:2px}.tl-line.silent{stroke-dasharray:3 4;opacity:.55}.tl-line.missed{stroke:var(--bad);stroke-width:2px}.tl-band{fill:var(--accent-soft)}.tl-region{fill:var(--ink);opacity:.06}.tl-coincide{stroke:var(--info);stroke-width:1.5px;stroke-dasharray:2 3}.tl-bar-number,.tl-lane-label{fill:var(--muted);font-size:11px;font-family:var(--font)}.tl-mark{stroke-width:1.5px}.tl-mark.hit{fill:var(--ok);stroke:var(--ok)}.tl-mark.early,.tl-mark.late{fill:var(--warn);stroke:var(--warn)}.tl-mark.extra{fill:none;stroke:var(--bad)}.tl-missed line{stroke:var(--bad);stroke-width:2px}.tl-hit-area{cursor:pointer}.tl-hit-area:focus-visible .tl-mark{stroke:var(--ink);stroke-width:3px}.tl-legend{color:var(--muted);align-items:center;gap:.2rem 1rem;font-size:.85rem}.tl-legend span{align-items:center;gap:.3rem;display:inline-flex}.tl-picked{min-height:1.2em}.tl-table table{border-collapse:collapse;font-variant-numeric:tabular-nums}.tl-table th,.tl-table td{text-align:left;border-bottom:1px solid var(--border);padding:.15rem .7rem .15rem 0}.tap-plot-head{align-items:baseline;gap:.6rem;margin-top:.4rem;display:flex}.phase-banner{--pulse:0;border:1px solid var(--border);background:color-mix(in srgb, var(--accent) calc(var(--pulse) * 22%), var(--panel-2));border-color:color-mix(in srgb, var(--accent) calc(var(--pulse) * 70%), var(--border));align-items:baseline;gap:.8rem;margin-bottom:.6rem;padding:.5rem .9rem;display:flex}.phase-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);font-size:1.5rem}.phase-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:2.4rem;line-height:1}.phase-banner[data-phase=gap]{border-style:dashed}@media (prefers-reduced-motion:reduce){.phase-banner{--pulse:0!important}}.poly-head{align-items:baseline;gap:.8rem;margin-bottom:.4rem;display:flex}.poly-head strong{font-family:var(--font-display);color:var(--ink);font-size:2rem;line-height:1}.tap-pads{gap:.8rem;display:flex}.tap-pads .tap-pad{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.tap-pads .tap-pad strong{font-family:var(--font-display);font-size:1.6rem}.rhythm-layer{border-bottom:1px solid var(--border);margin-bottom:.8rem;padding-bottom:.6rem}.rhythm-layer h4{margin:0 0 .2rem}.rhythm-layer h4 small{border:1px solid var(--border);color:var(--muted);font-family:var(--font-display);margin-left:.4rem;padding:.05rem .35rem}button.link{color:var(--muted);text-underline-offset:.2em;background:0 0;border:0;align-self:flex-start;padding:.1rem 0;text-decoration:underline}button.link:hover{color:var(--ink)}.tap-headline{align-items:baseline;gap:.6rem;margin:0 0 .2rem;display:flex}.tap-headline strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:3rem;line-height:1}.tap-headline small{color:var(--muted)}.tap-counts{flex-wrap:wrap;gap:.4rem 1.8rem;margin-bottom:.6rem;display:flex}.tap-count{align-items:baseline;gap:.35rem;display:flex}.tap-count span{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.3rem}.tap-count small{color:var(--muted)}.tap-count.none span,.tap-count.none small{color:var(--muted);opacity:.65}.tap-figures{flex-wrap:wrap;gap:.5rem 2.5rem;display:flex}.tap-figures>div{flex-direction:column;display:flex}.tap-figure{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.8rem}.tap-figure small{font-family:var(--font);color:var(--muted);font-size:.9rem}.calibration-saved{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;margin-top:.8rem;padding-top:.6rem;display:flex}.rhythm-run{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;gap:.8rem;padding:.9rem 1.1rem;display:flex}.rhythm-head{flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;display:flex}.rhythm-head button{margin-left:auto}.rhythm-prompt{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.15rem}.rhythm-run .tap-pad{width:100%;min-height:7rem}.rhythm-progress{align-items:center;gap:.75rem;display:flex}.rhythm-bar{background:var(--border);flex:1;height:3px;overflow:hidden}.rhythm-bar span{background:var(--accent);height:100%;transition:width 80ms linear;display:block}.rhythm-result{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;padding-top:.6rem;display:flex}.rhythm-split strong{color:var(--ink);font-weight:500}.rhythm-tally{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;margin:0;padding-top:.6rem}.tap-plot-wrap{width:100%;overflow-x:auto}.tap-plot{width:100%;min-width:320px;height:auto}.tap-plot-band{fill:var(--accent-soft)}.tap-plot-zero{stroke:var(--border-strong);stroke-width:1px}.tap-plot-mean{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3}.tap-plot-label{fill:var(--faint);font-size:10px;font-family:var(--font);letter-spacing:var(--tracking);text-transform:uppercase}.tap-plot-dot.in{fill:var(--ok)}.tap-plot-dot.out{fill:var(--bad)}.tap-plot-dot.extra{fill:none;stroke:var(--warn);stroke-width:1.5px}