:root{--paper:#faf4e6;--card:#fffcf2;--sunken:#f0e7d2;--selected:#fffcf2;--line:#eadfc8;--line-strong:#d8d0c0;--ink:#28231b;--muted:#6f675a;--faint:#8a8172;--accent:#c64310;--accent-ink:#fff;--accent-soft:#f7e3d0;--coach-from:#c64310;--coach-to:#a83a10;--coach-ink:#fdf3e8;--coach-cta:#fffcf2;--coach-cta-ink:#a83a10;--right:#2e9e63;--right-soft:#dff0e6;--off:#b98614;--off-soft:#f7edd5;--wrong:#d95b4e;--wrong-soft:#fae3df;--tint-ember:#f7e3d0;--tint-sand:#f4ead8;--tint-violet:#e9e8f4;--shadow:0 1px 2px #28231b0a;--shadow-lift:0 10px 28px #28231b29;--trace-bg:#fffcf2;--trace-semitone:#f3ebd9;--trace-octave:#e4d9c0;--trace-octave-label:#a79d8c;--trace-course:#e8b79c;--trace-course-label:#c64310;--trace-target:#c9c0ae;--trace-target-label:#6f675a;--trace-line:#c64310;--trace-registered:#28231b;--display:ui-rounded, "SF Pro Rounded", -apple-system, system-ui, "Segoe UI", sans-serif;--body:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--r-card:10px;--r-control:8px;--r-inner:6px;--r-chip:5px;--r-track:999px;--dur-draw:.42s;--dur-pop:.26s;--ease-draw:cubic-bezier(.22, .61, .36, 1);--ease-pop:cubic-bezier(.34, 1.4, .64, 1);--width:420px;--tabbar-height:62px;--appbar-height:calc(env(safe-area-inset-top,0px) + 64px)}@media (width>=900px){:root{--width:680px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#131722;--card:#222834;--sunken:#1e2430;--selected:#39414f;--line:#323a49;--line-strong:#3f4757;--ink:#edeae2;--muted:#959daa;--faint:#828a99;--accent:#ff8a50;--accent-ink:#2b1206;--accent-soft:#362419;--coach-from:#c2521f;--coach-to:#8f3009;--coach-ink:#fdf3e8;--coach-cta:#fffcf2;--coach-cta-ink:#8f3009;--right:#57c188;--right-soft:#1c332a;--off:#e0b950;--off-soft:#33291a;--wrong:#ec7a6d;--wrong-soft:#37211d;--tint-ember:#362419;--tint-sand:#33291a;--tint-violet:#262538;--shadow:none;--shadow-lift:0 10px 28px #00000080;--trace-bg:#171c27;--trace-semitone:#1e2430;--trace-octave:#2a3140;--trace-octave-label:#6b7484;--trace-course:#6b3a24;--trace-course-label:#ff8a50;--trace-target:#3f4757;--trace-target-label:#959daa;--trace-line:#ff8a50;--trace-registered:#edeae2}}:root[data-theme=dark]{--paper:#131722;--card:#222834;--sunken:#1e2430;--selected:#39414f;--line:#323a49;--line-strong:#3f4757;--ink:#edeae2;--muted:#959daa;--faint:#828a99;--accent:#ff8a50;--accent-ink:#2b1206;--accent-soft:#362419;--coach-from:#c2521f;--coach-to:#8f3009;--coach-ink:#fdf3e8;--coach-cta:#fffcf2;--coach-cta-ink:#8f3009;--right:#57c188;--right-soft:#1c332a;--off:#e0b950;--off-soft:#33291a;--wrong:#ec7a6d;--wrong-soft:#37211d;--tint-ember:#362419;--tint-sand:#33291a;--tint-violet:#262538;--shadow:none;--shadow-lift:0 10px 28px #00000080;--trace-bg:#171c27;--trace-semitone:#1e2430;--trace-octave:#2a3140;--trace-octave-label:#6b7484;--trace-course:#6b3a24;--trace-course-label:#ff8a50;--trace-target:#3f4757;--trace-target-label:#959daa;--trace-line:#ff8a50;--trace-registered:#edeae2}*{box-sizing:border-box;touch-action:manipulation}[hidden]{display:none!important}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}@media (width>=700px){body,.lesson-title+.screen-lede,.lesson-card-body{font-size:16px}}.appbar,.tabbar,.nav-row,button,.eyebrow,.tab-label{-webkit-user-select:none;user-select:none}#app{max-width:var(--width);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.appbar{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--paper);border-bottom:1px solid #0000;align-items:center;gap:8px;display:flex;position:sticky;top:0}.appbar:has(.appbar-title:not([hidden])){border-bottom-color:var(--line)}.appbar-title{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:19px;font-weight:700;overflow:hidden}.appbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-button{border-radius:var(--r-control);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.icon-button:active{background:var(--sunken);color:var(--ink)}button.mic{border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--card);min-height:40px;color:var(--muted);font-family:var(--body);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}button.mic.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.mic:active:not(:disabled){transform:scale(.97)}.mic-strip{text-align:right;min-height:14px;padding:0 16px}.mic-status{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--faint);font-size:11px}.mic-status.good{color:var(--accent)}.mic-status.bad{color:var(--wrong)}.mic-tip{max-width:34em;color:var(--faint);margin-left:auto;font-size:11px;line-height:1.4;display:block}.stage{padding:10px 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 24px);flex-direction:column;flex:1;gap:14px;display:flex}.stage>.view>h2:first-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{flex-direction:column;gap:14px;display:flex}.screen-lede,.screen-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.reading-ladder{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.pip-row{align-items:center;gap:6px;display:flex}.card>.pip-row{margin-top:8px}.card>.pip-row:not(:last-child){margin-bottom:12px}.run-footer .pip-row{justify-content:center}.run-footer .footer-note{margin-top:6px;display:block}.pip{border:2px solid var(--line);background:var(--sunken);border-radius:50%;flex:none;width:13px;height:13px}.pip.done{border-color:var(--right);background:var(--right)}.pip.next{border-color:var(--accent);background:var(--tint-ember)}.pip.fresh{box-shadow:0 0 0 3px var(--right-soft)}.tabbar{z-index:15;max-width:var(--width);background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}button.tab{min-height:var(--tabbar-height);border-radius:var(--r-control);color:var(--faint);font-family:var(--body);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 4px 10px;font-size:11px;font-weight:600;display:flex}button.tab.active{color:var(--accent)}button.tab:active{background:var(--sunken)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}button.nav-row{border-radius:var(--r-control);width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;display:flex}button.nav-row+button.nav-row{border-top:1px solid var(--line)}button.nav-row:active{background:var(--sunken);box-shadow:-16px 0 0 var(--sunken), 16px 0 0 var(--sunken)}button.nav-row:disabled,button.nav-row.nav-shut{opacity:.45;cursor:default;transition:opacity .2s ease-out}button.nav-row:disabled:active,button.nav-row.nav-shut:active{box-shadow:none;background:0 0}button.nav-row.nav-shut.nudging{opacity:.9}button.nav-row.nav-shut.nudging .row-detail{animation:.7s ease-out row-nudge}@keyframes row-nudge{0%{color:var(--accent)}60%{color:var(--accent)}to{color:inherit}}.row-icon{border-radius:var(--r-control);width:40px;height:40px;color:var(--ink);flex:none;place-items:center;display:grid}.row-icon.tint-ember{background:var(--tint-ember);color:var(--accent)}.row-icon.tint-sand{background:var(--tint-sand)}.row-icon.tint-violet{background:var(--tint-violet)}.row-text{flex:1;min-width:0}.row-title{font-size:15px;font-weight:600;display:block}.row-detail{color:var(--muted);font-size:12.5px;line-height:1.35;display:block}.row-chevron{color:var(--line-strong);flex:none;place-items:center;display:grid}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card.stat{text-align:center;padding:14px 8px}.stat-value{font-size:24px;font-weight:700;line-height:1.1}.stat-value.good{color:var(--right)}.stat-label{color:var(--muted);margin-top:3px;font-size:11.5px}.meter-row{align-items:center;gap:10px;font-size:13px;display:flex}.meter-row+.meter-row{margin-top:10px}.meter-name{flex:none;width:96px;overflow:hidden}.meter-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.meter-detail{color:var(--faint);font-size:11px;display:block}.meter{border-radius:var(--r-track);background:var(--sunken);flex:1;height:8px;overflow:hidden}.meter-fill{border-radius:var(--r-track);height:100%;display:block}.meter-fill.tone-right{background:var(--right)}.meter-fill.tone-off{background:var(--off)}.meter-fill.tone-wrong{background:var(--wrong)}.meter-value{text-align:right;width:42px;color:var(--muted);font-size:12px}.segmented{background:var(--sunken);border-radius:var(--r-control);gap:2px;padding:3px;display:flex}button.segment{border-radius:var(--r-inner);min-height:34px;color:var(--faint);font-family:var(--body);background:0 0;border:none;flex:1;font-size:13px;font-weight:700}button.segment.on{background:var(--selected);color:var(--ink);box-shadow:var(--shadow)}.home-head{padding:2px 0 0}.greeting{font-family:var(--display);margin:3px 0 4px;font-size:26px;font-weight:700}.streak-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.streak{color:var(--ink);align-items:center;gap:5px;font-weight:600;display:inline-flex}.streak .icon-flame{color:var(--off)}.streak-line .dot{color:var(--line-strong)}.site-link{color:var(--muted);text-align:center;margin-top:26px;font-size:12px;text-decoration:none;display:block}.site-link:hover{color:var(--ink);text-decoration:underline}.note-mail{color:inherit;text-decoration:underline}.note-mail:hover{color:var(--ink)}.card.plan{background:linear-gradient(135deg, var(--coach-from), var(--coach-to));color:var(--coach-ink);box-shadow:var(--shadow-lift);border:none;padding:16px}.card.plan .eyebrow{color:var(--coach-ink);opacity:.72}.plan-title{font-family:var(--display);letter-spacing:0;text-transform:none;color:inherit;margin:7px 0 5px;font-size:19px;font-weight:700}.plan-lede{opacity:.88;margin:0 0 12px;font-size:13px;line-height:1.45}.plan-row{align-items:center;gap:6px;display:flex}.plan-row+.plan-row{border-top:1px solid color-mix(in srgb, var(--coach-ink) 18%, transparent)}button.plan-row-open{border-radius:var(--r-control);min-width:0;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:8px 0;display:flex}button.plan-row-open:active{background:color-mix(in srgb, var(--coach-ink) 10%, transparent)}.plan-row .row-detail{color:inherit;opacity:.76}.plan-number{opacity:.6;flex:none;width:16px;font-size:12px}.plan-minutes{text-align:right;white-space:nowrap;opacity:.7;flex:none;font-size:12px}.plan-row-head{display:block}.plan-row-head .row-title{display:inline}.plan-row.done button.plan-row-open{opacity:.62}.plan-row.skipped button.plan-row-open{opacity:.42}.plan-row .plan-skip{color:inherit;opacity:.6;background:0 0;flex:none;margin-right:0}.plan-bonus{letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-left:7px;font-size:10.5px}.plan-count{opacity:.8;margin:10px 0 0;font-size:12.5px}.chip-row{flex-wrap:wrap;gap:9px 6px;display:flex}.plan-focus-chips{margin-top:10px}button.chip{font-family:var(--body);cursor:pointer;min-height:32px;padding:5px 10px;font-size:12.5px;font-weight:600}button.chip.on{border-color:var(--accent);background:var(--selected);color:var(--ink)}.card.plan button.chip{color:inherit;opacity:.65;background:0 0;border-color:currentColor}.card.plan button.chip.on{background:var(--coach-ink);color:var(--coach-to);opacity:1;border-color:#0000}.keep-banner{background:var(--tint-sand);color:var(--muted);align-items:center;gap:8px;padding:8px 16px;font-size:13px;line-height:1.4;display:flex}.keep-banner-text{flex:1;min-width:0}.keep-banner-action{color:var(--ink);white-space:nowrap;flex:none;font-weight:600}.keep-banner-dismiss{width:28px;height:28px;color:var(--muted);flex:none}.card.shelf-card{flex-direction:column;gap:0;display:flex}.shelf-head{align-items:center;gap:10px;min-width:0;display:flex}.shelf-title{font-family:var(--display);letter-spacing:0;text-transform:none;color:var(--ink);margin:7px 0 5px;font-size:18px;font-weight:700}.shelf-head .shelf-title{margin:0 0 2px}.shelf-lede{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.card.shelf-card .progress-track{margin:12px 0 0}.shelf-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.shelf-card.finished .shelf-place{color:var(--right)}.lessons-screen{container-type:inline-size}.shelf-group{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.shelf-group>.group-heading{grid-column:1/-1}.card.shelf-module{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid}.shelf-pic{aspect-ratio:3/4;border-radius:10px;width:100%;max-width:100%;overflow:hidden}.shelf-pic.tint-ember{background:var(--tint-ember)}.shelf-pic.tint-sand{background:var(--tint-sand)}.shelf-pic.tint-violet{background:var(--tint-violet)}.shelf-pic img{object-fit:cover;width:100%;height:100%;display:block}.shelf-pic.drawn{justify-content:center;align-items:center;padding:10px;display:flex;container-type:size}.shelf-pic.drawn>svg,.shelf-pic.drawn>.pick-sheet-holder,.shelf-pic.drawn>.circle-figure{background:0 0;border:0;justify-content:center;align-items:center;width:100cqw;max-width:none;height:100cqh;margin:0;display:flex}.shelf-pic.drawn svg{pointer-events:none;background:0 0;border:0;width:100%;max-width:none;height:100%;display:block}.shelf-pic.drawn .board-caption{display:none}.shelf-pic.drawn svg.circle-chart{background:var(--card);border-radius:50%;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.shelf-module .shelf-copy{min-width:0}.shelf-module .shelf-title{margin:0 0 6px}.shelf-module .shelf-lede{margin:0 0 8px}.shelf-module .shelf-place{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.shelf-module .progress-track{margin-top:8px}@container (width>=520px){.shelf-group{grid-template-columns:repeat(2,minmax(0,1fr))}.card.shelf-module{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:14px}.shelf-pic{aspect-ratio:4/3;width:100%}.shelf-pic.drawn{padding:14px}}@media (width<=420px){.card.shelf-module{grid-template-columns:108px minmax(0,1fr);gap:14px;padding:14px}}.jam-ready-list{flex-direction:column;display:flex}.milestone{align-items:center;gap:10px;min-width:0;min-height:48px;padding:7px 0;display:flex}.milestone+.milestone{border-top:1px solid var(--line)}.milestone-mark{border-radius:var(--r-inner);background:var(--sunken);width:26px;height:26px;color:var(--faint);flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.milestone.done .milestone-mark{background:var(--right-soft);color:var(--right)}.milestone.next .milestone-mark{background:var(--tint-ember);color:var(--accent)}.milestone-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.milestone-title{color:var(--ink);font-size:13px;line-height:1.3}.milestone-detail{color:var(--muted);font-size:11.5px;line-height:1.35}.milestone button{flex:none;margin-right:0}.milestone-checks{gap:10px;margin:2px 0 3px;display:flex}.milestone-copy button.link-button.inline-link{align-self:flex-start;margin:3px 0 0;font-size:12px;font-weight:600;line-height:1.35}.slot-check{color:var(--faint);align-items:center;gap:3px;font-size:11px;display:inline-flex}.slot-check.done{color:var(--right)}.slot-dot{border:1px solid;border-radius:50%;width:8px;height:8px}.pick-banner{border-radius:var(--r-control);background:var(--sunken);padding:10px 12px}.pick-note{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.group-heading{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:6px 0 0;font-size:11px;font-weight:700}.leans-banner{border-radius:var(--r-control);background:var(--sunken);padding:10px 12px}.leans-note{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.leans-note+.card-see{margin-top:6px}.leans-banner .leans-dismiss{color:var(--muted);background:0 0;margin-top:8px;margin-right:0}.guided-bar{border-radius:var(--r-control);background:var(--tint-ember);color:var(--ink);align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.guided-bar.done{background:var(--tint-sand)}.guided-text{flex:1;min-width:0}.guided-position{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.guided-title{font-size:14px;font-weight:600;display:block}.guided-actions{flex:none;align-items:center;gap:4px;display:flex}.guided-check{color:var(--accent);flex:none;place-items:center;display:grid}.restrict-chip{border-radius:var(--r-control);background:var(--tint-violet);align-items:center;gap:8px;margin-bottom:10px;padding:6px 6px 6px 12px;font-size:13px;display:flex}.drill-face{flex-direction:column;gap:14px;display:flex}.field{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.field+.field{border-top:1px solid var(--line)}.field-label{color:var(--muted)}.field select{max-width:62%}.field-tempo{align-items:center;gap:6px;display:inline-flex}.field-slider{padding-top:4px}.field-slider input[type=range]{width:100%}.mode-row{margin-bottom:4px}.tune-preview-row{display:flex}.tune-preview-row button.link-button{color:var(--accent);align-self:flex-start;padding-left:0}button.start-run,button.wide{border-radius:var(--r-control);justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:15px;font-weight:700;display:inline-flex}button.start-run:active:not(:disabled),button.wide:active:not(:disabled){transform:scale(.99)}.button-row{gap:10px;display:flex}button.link-button{color:var(--muted);background:0 0;border:none;align-self:center;min-height:44px;font-size:13px;font-weight:600}.setup-scale{font-family:var(--display);margin-bottom:8px;font-size:17px;font-weight:700}.setup-signature{color:var(--muted);margin:-4px 0 8px;font-size:13px}.setup-board{margin-top:10px}.setup-teach{text-align:left;margin-top:12px}.run-head{align-items:center;gap:8px;min-height:44px;display:flex}button.run-end{color:var(--muted);background:0 0;border:none;min-height:44px;padding:0;font-size:14px;font-weight:700}.run-eyebrow{text-align:center;flex:1}.icon-button.run-tune{margin-right:-10px}.hero{text-align:center;padding:6px 0 2px}.hero-note{font-family:var(--display);letter-spacing:-.01em;font-size:58px;font-weight:800;line-height:1.05}.hero-note.quiet{color:var(--muted);font-size:26px;font-weight:700}.hero-sub{color:var(--muted);margin-top:6px;font-size:14px}.hero-timing{color:var(--right);margin-top:4px;font-size:13px}.hero.waiting{opacity:.72}.hero.correct .hero-note{color:var(--right)}.hero svg.staff{margin:0 auto 6px}.run-status{text-align:center;min-height:22px;color:var(--muted);border-radius:var(--r-chip);padding:3px 8px;font-size:14px}.run-status.correct{color:var(--right)}.run-status.off-beat{color:var(--off)}.run-status.wrong{color:var(--wrong)}.run-status.flash{background:var(--wrong-soft)}.run-status.tick{background:var(--right-soft)}.run-status.count{font-family:var(--display);color:var(--muted);font-size:24px;font-weight:700}.run-status.count.go{color:var(--accent)}.run-board{flex-direction:column;gap:8px;display:flex}.run-board svg.fretboard{max-width:100%}.progress-track{border-radius:var(--r-track);background:var(--sunken);height:6px;overflow:hidden}.progress-fill{border-radius:var(--r-track);background:var(--accent);width:0;height:100%;transition:width .12s linear;display:block}.run-footer{text-align:center;color:var(--muted);font-size:12px}.run-after{flex-direction:column;gap:10px;display:flex}.summary-face{gap:16px;padding-top:10px}.party{text-align:center}.party-mark{font-size:42px;line-height:1}.party-title{font-family:var(--display);letter-spacing:0;text-transform:none;color:var(--ink);margin:8px 0 2px;font-size:22px;font-weight:700}.party-sub{color:var(--muted);margin:0;font-size:13px}.stat-grid>.stat:last-child:nth-child(odd){grid-column:span 2}.progress-scope{margin-bottom:2px}.progress-section{flex-direction:column;gap:10px;display:flex}.section-title{font-family:var(--display);margin:6px 0 0;font-size:16px;font-weight:700}.figure-row{justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.figure-row+.figure-row{border-top:1px solid var(--line)}.figure-label{color:var(--muted)}.figure-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}.run-row{align-items:center;gap:10px;padding:8px 0;display:flex}.run-entry+.run-entry{border-top:1px solid var(--line)}details.run-more>summary.run-row{cursor:pointer}details.run-more>summary.run-row::-webkit-details-marker{display:none}.run-caret{color:var(--faint);flex:none;display:flex}details.run-more[open]>summary .run-caret{transform:rotate(90deg)}.run-review{padding:2px 0 10px}.run-review .summary-score{text-align:left}.run-text{flex:1;min-width:0}.run-title{font-size:14px;font-weight:600;display:block}.run-detail{color:var(--muted);font-size:12px;display:block}.pb-chip{letter-spacing:.04em;border-radius:var(--r-chip);background:var(--right-soft);color:var(--right);flex:none;padding:3px 8px;font-size:11px;font-weight:700}details.more{border-top:1px solid var(--line);padding-top:8px}details.more>summary{cursor:pointer;color:var(--muted);padding:12px 0;font-size:12.5px}button{background:var(--card);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-control);min-height:40px;font:inherit;cursor:pointer;padding:9px 14px;font-size:14px;font-weight:600}button:active:not(:disabled){background:var(--sunken)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.secondary{color:var(--muted);background:0 0}button.tiny{min-height:34px;margin-right:4px;padding:6px 11px;font-size:13px}button.loading,button.loading:disabled{opacity:1;color:var(--muted);cursor:default}button.primary.loading{background:var(--sunken);border-color:var(--line-strong);color:var(--muted)}.icon-spinner{transform-origin:50%;animation:.9s linear infinite band-spin}@keyframes band-spin{to{transform:rotate(360deg)}}input,select{background:var(--card);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-control);min-height:38px;font:inherit;padding:7px 9px;font-size:16px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:26px}input.wide{min-width:200px}input.narrow{width:72px}input[type=range]{vertical-align:middle;min-height:24px;accent-color:var(--accent);padding:0}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--accent);width:18px;height:18px}.view{flex-direction:column;gap:2px;display:flex}h2{font-family:var(--display);margin:0 0 4px;font-size:18px}h3{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 6px;font-size:12px;font-weight:700}.subtitle,.hint{color:var(--muted);margin:4px 0 10px;font-size:12.5px;line-height:1.5}.hint.bad{color:var(--wrong)}.readout{flex-wrap:wrap;align-items:center;gap:18px;margin:8px 0 12px;display:flex}.big-note{font-family:var(--display);min-width:120px;font-size:56px;font-weight:700;line-height:1}.big-note:not(.held){color:var(--muted)}.value.disagrees{color:var(--off)}.tuner{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-track);width:100%;max-width:260px;height:10px;margin-top:12px;position:relative}.tuner:before{content:"";background:var(--muted);width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.needle{background:var(--off);border-radius:2px;width:3px;height:18px;transition:left 60ms linear;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.needle.in-tune{background:var(--right)}dl.stats{grid-template-columns:auto auto;gap:2px 14px;margin:0;font-size:13px;display:grid}dl.stats dt{color:var(--muted)}dl.stats dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0}.value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}.unit{color:var(--muted);font-size:12px}.registered{font-family:var(--mono);color:var(--accent);min-height:20px;font-size:13px}.registered.flash{animation:.4s ease-out flash}@keyframes flash{0%{background:var(--accent-soft)}to{background:0 0}}canvas.pitch-trace{border:1px solid var(--line);border-radius:var(--r-control);background:var(--trace-bg);width:100%;height:200px;margin:12px 0;display:block}.verdict{font-family:var(--body);border-radius:var(--r-control);border:1px solid var(--line);min-height:20px;margin:8px 0;padding:10px 12px;font-size:15px}.verdict.green{border-color:var(--right);color:var(--right);background:var(--right-soft)}.verdict.amber{border-color:var(--off);color:var(--off);background:var(--off-soft)}.verdict.retry{border-color:var(--wrong);color:var(--wrong);background:var(--wrong-soft)}.verdict-advice{opacity:.85;margin-top:4px;font-size:13px}.evidence{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.evidence-label{color:var(--muted);font-size:12px;font-family:var(--mono)}.chip{font-family:var(--mono);border-radius:var(--r-chip);border:1px solid var(--line);background:var(--sunken);color:var(--muted);padding:3px 8px;font-size:12px}.chip-in{border-color:var(--right);color:var(--right)}.chip-extra{border-color:var(--wrong);color:var(--wrong)}.controls{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.controls label{align-items:center;gap:6px;display:inline-flex}.recorder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline{gap:8px;display:inline-flex}.board-caption{color:var(--muted);margin-bottom:6px;font-size:12px}.card-see{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:10px;padding:0;font-size:13px;display:block}.card-see:after{content:" →"}.board-caption.answer{color:var(--ink);font-weight:600}svg.fretboard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);width:100%;max-width:min(100%,500px);height:auto}svg.fretboard .nut{stroke:var(--line-strong);stroke-width:4px}svg.fretboard .fret{stroke:var(--line);stroke-width:1.5px}svg.fretboard .course{stroke:var(--line-strong);stroke-width:1.5px}svg.fretboard line.course-skipped{stroke:var(--line);stroke-dasharray:4 4;opacity:.7}svg.fretboard text.course-skipped{opacity:.5}svg.fretboard .fret-inlay{fill:var(--sunken)}svg.fretboard .fret-number,svg.fretboard .course-name{fill:var(--faint);font:13px var(--mono)}svg.fretboard .marker-target,svg.fretboard .marker-voicing{fill:var(--accent)}svg.fretboard .marker-ghost{fill:var(--sunken);stroke:var(--line-strong);stroke-width:1px}svg.fretboard .marker-ghost+.marker-label{fill:var(--muted)}svg.fretboard .marker-right{fill:var(--right)}svg.fretboard .marker-wrong{fill:var(--wrong)}svg.fretboard .marker-skipped{fill:#0000;stroke:var(--wrong);stroke-width:1.5px;stroke-dasharray:4 3}svg.fretboard .marker-right+.marker-label,svg.fretboard .marker-wrong+.marker-label{fill:var(--card)}svg.fretboard .marker-skipped+.marker-label{fill:var(--wrong)}svg.fretboard .marker-optional{fill:#0000;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3}svg.fretboard .move-arrow{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}svg.fretboard .marker-label{fill:var(--accent-ink);font:700 12px var(--mono)}svg.fretboard .marker-label-optional{fill:var(--accent);font:700 12px var(--mono)}svg.fretboard .marker-muted{fill:var(--muted);font:700 16px var(--mono)}svg.fretboard .marker-voicing.marker-tone-third{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}svg.fretboard .marker-voicing.marker-tone-fifth{fill:var(--tint-violet);stroke:var(--muted);stroke-width:1.5px}svg.fretboard .marker-voicing.marker-tone-color{fill:var(--ink)}svg.fretboard .marker-voicing.marker-tone-third+.marker-label{fill:var(--accent)}svg.fretboard .marker-voicing.marker-tone-fifth+.marker-label{fill:var(--ink)}svg.fretboard .marker-voicing.marker-tone-color+.marker-label{fill:var(--card)}svg.fretboard .marker-optional.marker-tone-root{fill:var(--accent);fill-opacity:.2}svg.fretboard .marker-optional.marker-tone-third{fill:var(--accent-soft)}svg.fretboard .marker-optional.marker-tone-fifth{fill:var(--tint-violet);stroke:var(--muted)}svg.fretboard .marker-optional.marker-tone-color{fill:var(--ink);fill-opacity:.16;stroke:var(--ink)}svg.fretboard .marker-optional.marker-tone-fifth+.marker-label-optional{fill:var(--muted)}svg.fretboard .marker-optional.marker-tone-color+.marker-label-optional{fill:var(--ink)}svg.fretboard .marker-ghost.marker-tone-root,svg.fretboard .marker-ghost.marker-tone-third{stroke:var(--accent);stroke-width:1.5px}svg.fretboard .marker-ghost.marker-tone-fifth{stroke:var(--muted);stroke-width:1.5px}svg.fretboard .marker-ghost.marker-tone-color{stroke:var(--ink);stroke-width:1.5px}.degree-legend{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:4px;line-height:1.5;display:flex}.degree-legend-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.degree-swatch{box-sizing:border-box;border-radius:50%;width:10px;height:10px;display:inline-block}.degree-swatch-root{background:var(--accent)}.degree-swatch-third{background:var(--accent-soft);border:1.5px solid var(--accent)}.degree-swatch-fifth{background:var(--tint-violet);border:1.5px solid var(--muted)}.degree-swatch-color{background:var(--ink)}.degree-swatch-optional{border:1.5px dashed var(--accent)}.degree-swatch-optional.degree-swatch-root{background:color-mix(in srgb, var(--accent) 20%, transparent)}.degree-swatch-optional.degree-swatch-fifth{border-color:var(--muted)}.degree-swatch-optional.degree-swatch-color{background:color-mix(in srgb, var(--ink) 16%, transparent);border-color:var(--ink)}.degree-swatch-moved{background:var(--sunken);border:1.5px solid var(--accent)}.degree-swatch-moved.degree-swatch-fifth{border-color:var(--muted)}.degree-swatch-moved.degree-swatch-color{border-color:var(--ink)}.table-holder{margin:8px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}th{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}td.detail{font-family:var(--mono);color:var(--muted);font-size:11.5px}tr.row-pass td:first-child{color:var(--right)}tr.row-fail td:first-child{color:var(--wrong)}tr.row-false-green td:first-child{color:var(--wrong);font-weight:700}tr.row-false-green{background:var(--wrong-soft)}.summary{border-radius:var(--r-card);border:1px solid var(--line);background:var(--card);margin:10px 0;padding:12px 14px;font-size:13px}.summary.good{border-color:var(--right);color:var(--right)}.summary.bad{border-color:var(--wrong);color:var(--wrong)}.prompt-check{color:var(--right);align-items:center;gap:8px;margin-top:6px;font-size:18px;display:inline-flex}.party-check{color:var(--right);line-height:1}.row-done{color:var(--right);margin-left:auto;display:inline-flex}.row-done .icon-check,.row-done .icon-check path{opacity:1;stroke-dashoffset:0;animation:none;transform:none}.nav-row.nav-sub{padding-left:28px}.nav-row.stage-current{background:var(--sunken);box-shadow:-16px 0 0 var(--sunken), 16px 0 0 var(--sunken)}.rung-map .nav-row.stage-current,.rung-map .nav-row:active{box-shadow:none}.card-foot-rows{margin:12px -8px 0}.card-foot-rows .nav-row{padding:8px}.card-foot-rows .nav-row.stage-current{box-shadow:none;border-radius:var(--r-control)}.card-foot-rows .nav-row:active{box-shadow:none}.nav-row.stage-current .row-title,.nav-row.stage-current .row-detail{color:var(--ink)}.nav-row.nav-sub .row-icon{width:28px;height:28px}.float-check-holder{height:0;display:block;position:relative;overflow:visible}.float-check{pointer-events:none;animation:.95s ease-out forwards float-check-rise;position:absolute;bottom:-26px;left:50%}@keyframes float-check-rise{0%{opacity:0;transform:translate(-50%)}12%{opacity:1}55%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)}}.icon-check{color:var(--right);animation:check-pop var(--dur-pop) var(--ease-pop) both}.icon-check path{stroke-width:2.4px;stroke-dasharray:26;animation:check-draw var(--dur-draw) var(--ease-draw) both}@keyframes check-draw{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}@keyframes check-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}svg.staff{max-width:220px;margin-bottom:6px;display:block}.staff-line,.staff-ledger{stroke:var(--muted);stroke-width:1.2px}.staff-stem{stroke:var(--ink);stroke-width:1.8px}.staff-notehead{fill:var(--ink)}.staff-clef,.staff-accidental{fill:var(--ink);font-family:Bravura Text,Noto Music,Segoe UI Symbol,serif}.staff-label{fill:var(--muted);font:700 13px var(--mono)}.settings-options{gap:10px;display:grid}.settings-last{border-top:1px solid var(--line);margin-top:26px;padding-top:6px}.settings-choice{border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);gap:6px;padding:12px 14px;display:grid}.settings-choice .hint{margin:0}.why{margin:-4px 0 12px}.why>summary{color:var(--faint);cursor:pointer;font-size:12.5px;list-style-position:outside}.why>summary:hover{color:var(--muted)}.why>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.why>.hint{border-left:2px solid var(--line);padding-left:2px;margin:6px 0 0;padding-inline-start:10px}.account-form{gap:10px;display:grid}.settings-option{border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);cursor:pointer;padding:12px 14px;display:block}.settings-option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings-option-head{align-items:center;gap:8px;display:flex}.settings-option-title{font-weight:600}.settings-option .hint{margin:6px 0 10px;font-size:12.5px}.settings-preview{border-top:1px solid var(--line);padding-top:10px}.settings-preview-primary{font-family:var(--display);font-size:22px;font-weight:700}.settings-preview-secondary{color:var(--muted);margin-top:2px;font-size:12px}.scale-strip{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.scale-chip{font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:var(--r-chip);background:var(--sunken);color:var(--faint);border:1px solid #0000;padding:4px 8px;font-size:12px;font-weight:600}.scale-chip.now{background:var(--accent);color:var(--accent-ink)}.scale-chip.degree{border-style:dotted;border-color:var(--line-strong);font-style:italic}.scale-chip.on-time{background:var(--right-soft);color:var(--right)}.scale-chip.off-beat{background:var(--off-soft);color:var(--off)}.scale-chip.wrong{background:var(--wrong-soft);color:var(--wrong)}.scale-chip.skipped{border-style:dashed;border-color:var(--wrong);color:var(--wrong);background:0 0}@keyframes chip-struck{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}.scale-chip.struck{animation:.18s ease-out chip-struck}.scale-strip.grouped{align-items:center;gap:6px 10px}.chip-group{gap:4px;display:inline-flex}.chip-sep,.chip-more{font-family:var(--mono);color:var(--faint);font-size:12px;line-height:1}.scale-chip.lh-chip{flex-direction:column;align-items:center;min-width:22px;padding:3px 7px;line-height:1.1;display:inline-flex}.lh-course{opacity:.65;font-size:9px;font-weight:500}.lh-fret{font-size:14px;font-weight:700}.lh-finger{border-radius:var(--r-chip);opacity:.8;border:1px solid;margin-top:1px;padding:0 3px;font-size:9px;font-weight:700}.strip-note{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12px}.strip-window{min-height:26px}.exercise-run{gap:10px}.exercise-run .hero{padding:2px 0 0}@media (height<=720px){.exercise-run .hero-note{font-size:44px}}.tune-gift-note{padding:10px 16px 2px 28px}.tune-key-note{margin-top:6px}a.out-link{color:var(--accent);font-weight:600;text-decoration:underline}.sheet-holder{max-height:58vh;scroll-padding:12px 0;overflow:hidden auto}.tune-sheet{flex-direction:column;gap:2px;display:flex}.tune-system{scroll-margin:10px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 14px)}svg.sheet{width:100%;display:block}.sheet-staff-line{stroke:var(--line-strong);stroke-width:.9px}.sheet-bar{stroke:var(--line-strong);stroke-width:1.1px}.sheet-clef,.sheet-key{fill:var(--ink);font-family:Bravura Text,Noto Music,Segoe UI Symbol,serif}.sheet-meter{fill:var(--ink);font-family:var(--display);font-weight:700}.sheet-chords{pointer-events:none}.sheet-chord{fill:var(--ink);font-family:var(--display);letter-spacing:.2px;font-weight:600}.sheet-beam{fill:var(--ink)}.sheet-note{color:var(--ink)}.sheet-note.now{color:var(--accent)}.sheet-note.on-time{color:var(--right)}.sheet-note.off-beat{color:var(--off)}.sheet-note.wrong{color:var(--wrong)}.sheet-note.skipped{color:var(--wrong);opacity:.45}.sheet-head,.sheet-dot,.sheet-flag,.sheet-accidental{fill:currentColor}.sheet-head{transform-box:fill-box;transform-origin:50%;transform:rotate(-20deg)}.sheet-head.hollow{fill:none;stroke:currentColor;stroke-width:1.5px}.sheet-stem{stroke:currentColor;stroke-width:1.4px}.sheet-ledger{stroke:currentColor;stroke-width:.9px}.sheet-accidental{font-family:Bravura Text,Noto Music,Segoe UI Symbol,serif}@keyframes sheet-note-struck{0%{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes sheet-head-struck{0%{opacity:1;transform:rotate(-20deg)scale(1)}25%{opacity:.8;transform:rotate(-20deg)scale(1.4)}to{opacity:1;transform:rotate(-20deg)scale(1)}}.sheet-note.struck .sheet-head{animation:.18s ease-out sheet-head-struck}.sheet-note.struck .sheet-tab-number{transform-box:fill-box;transform-origin:50%;animation:.18s ease-out sheet-note-struck}.sheet-cursor{fill:var(--accent-soft);opacity:0}.sheet-cursor.now{opacity:1}.sheet-names{pointer-events:none}.sheet-name{fill:var(--muted);font-family:var(--mono);letter-spacing:-.2px}.sheet-tab-line{stroke:var(--line-strong);stroke-width:.8px}.sheet-tab-label{fill:var(--muted);font-family:var(--display);font-weight:700}.sheet-tab-number{fill:currentColor;font-family:var(--mono);font-weight:600}.lesson-title,.lesson-card-title{text-transform:none;letter-spacing:0;color:var(--ink)}.lesson-title{font-family:var(--display);margin:4px 0 0;font-size:22px;line-height:1.2}.lesson-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.35}.lesson-title+.screen-lede{font-size:15px;line-height:1.6}.lesson-card-body{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.lesson-figure{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.lesson-figure svg.staff{max-width:128px}.lesson-figure svg.staff-row{max-width:260px}.lesson-figure svg.fretboard{max-width:232px}.lesson-figure.shape-figure svg.fretboard{max-width:min(100%,500px)}.lesson-figure.shape-figure{justify-content:flex-start}.lesson-figure.shape-triple{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:stretch;align-items:start;gap:14px;display:grid}.shape-triple-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.shape-triple-cell .board-caption{text-align:center;margin-bottom:0}.shape-triple-cell .triple-name{color:var(--ink);font-weight:600}.shape-triple-cell svg.fretboard{max-width:100%}.summary-score{text-align:center;color:var(--ink);margin:10px 0 0;font-size:13px;line-height:1.5}button.link-button.inline-link{min-height:0;font-size:inherit;color:var(--accent);align-self:auto;padding:0;text-decoration:underline}.review-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.review-line{align-items:baseline;gap:8px;padding:5px 0;font-size:12.5px;display:flex}.review-line+.review-line{border-top:1px solid var(--line)}.review-slot{text-align:right;min-width:20px;color:var(--faint);flex:none;font-size:11px}.review-text{min-width:0;color:var(--muted);flex:1}.review-wanted{font-weight:700}.review-line.tone-wrong .review-wanted{color:var(--wrong)}.review-line.tone-skipped .review-wanted{color:var(--wrong);text-decoration:line-through}.review-line.tone-off .review-wanted{color:var(--off)}.review-clean{margin-bottom:0}.review-note{margin:8px 0 0;font-size:11.5px}.review-aside{color:var(--faint);margin-top:2px;font-size:11.5px;display:block}.review-capture{margin:8px 0 0;font-size:11.5px}.jam-chart{flex-direction:column;gap:12px;display:flex}.jam-section-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.jam-section-label{font-family:var(--display);color:var(--muted);font-size:14px;font-weight:700}.jam-repeat{font-family:var(--mono);color:var(--faint);font-size:12px}.jam-bars{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}button.jam-bar{border:1px solid var(--line);border-radius:var(--r-inner);background:var(--card);min-height:46px;font-family:var(--display);color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:4px 2px;font-size:18px;font-weight:700;display:flex}button.jam-bar.split{background:0 0;border:none;align-items:stretch;gap:4px;padding:0;font-size:15px}button.jam-bar.split .jam-chord{border:1px solid var(--line);border-radius:var(--r-inner);background:var(--card);flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}button.jam-bar.now,button.jam-bar.split .jam-chord.now{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}button.jam-bar:active:not(:disabled){background:var(--sunken);transform:scale(.97)}button.jam-bar.now:active:not(:disabled){background:var(--accent-soft)}button.jam-bar.split:active:not(:disabled){background:0 0}button.jam-bar.split:active:not(:disabled) .jam-chord{background:var(--sunken)}button.jam-bar.split:active:not(:disabled) .jam-chord.now{background:var(--accent-soft)}@media (width>=900px){button.jam-bar{min-height:58px;font-size:22px}button.jam-bar.split{font-size:18px}}.builder-keys,.builder-palette{flex-wrap:wrap;gap:8px 6px;display:flex}.builder-more{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}button.builder-chip{border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--card);min-height:38px;color:var(--ink);font-family:var(--display);align-items:baseline;gap:5px;padding:6px 11px;font-size:15px;font-weight:700;display:inline-flex}button.builder-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}button.builder-chip:active:not(:disabled){background:var(--sunken);transform:scale(.97)}.builder-chip-degree{font-family:var(--mono);color:var(--faint);font-size:11px;font-weight:500}button.builder-chip.unvoiced .builder-chip-name:after{content:"";vertical-align:super;background:var(--faint);border-radius:50%;width:4px;height:4px;margin-left:4px;display:inline-block}input.builder-name{width:100%}button.jam-section-head{background:0 0;border:none;justify-content:flex-start;width:100%;min-height:0;padding:0}.jam-section.picked .jam-section-label{color:var(--accent)}button.jam-bar.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}button.jam-bar.blank{background:0 0;border-style:dashed}button.jam-bar.split.picked{box-shadow:none}button.jam-bar.split .jam-chord.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.builder-actions{flex-wrap:wrap;align-items:center;gap:8px 6px;display:flex}button.builder-action{border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--card);min-height:38px;color:var(--ink);font-family:var(--body);padding:6px 12px;font-size:13.5px;font-weight:600}button.builder-action:disabled{opacity:.4}button.builder-action:active:not(:disabled){background:var(--sunken);transform:scale(.97)}button.builder-action.wide{flex:1}.song-row{align-items:center;gap:8px;display:flex}.song-row .nav-row{flex:1;min-width:0}button.song-edit{flex:none}input.builder-link{width:100%;font-family:var(--mono);margin-top:8px;font-size:16px}.builder-stepper{align-items:center;gap:8px;width:100%;display:flex}.builder-stepper .field-label{flex:1}.builder-repeat{text-align:center;min-width:28px;color:var(--ink);font-size:14px;font-weight:700}.jam-count{justify-content:center;align-items:center;gap:10px;min-height:34px;display:flex}.jam-count.done{opacity:0}.jam-pip{border-radius:var(--r-chip);border:1px solid var(--line-strong);width:28px;height:28px;color:var(--faint);font-variant-numeric:tabular-nums;background:0 0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.jam-pip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.jam-pip.and{width:22px;height:22px;margin-left:-4px;font-size:11px}.chop-meter{flex-direction:column;gap:6px;display:flex}.chop-scale{color:var(--faint);justify-content:space-between;font-size:11px;display:flex}.chop-dial{border:1px solid var(--line);border-radius:var(--r-chip);background:var(--sunken);height:26px;position:relative;overflow:hidden}.chop-pocket{top:0;bottom:0;left:calc(50% - var(--pocket,16.6%));width:calc(var(--pocket,16.6%) * 2);background:var(--accent-soft);position:absolute}.chop-center{background:var(--line-strong);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.chop-needle{background:var(--muted);border-radius:2px;width:4px;margin-left:-2px;transition:left 90ms ease-out;position:absolute;top:2px;bottom:2px;left:50%}.chop-needle.in{background:var(--accent)}.chop-stats{justify-content:space-around;gap:8px;display:flex}.chop-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.chop-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.chop-label{color:var(--faint);font-size:11px}.jam-summary{text-align:center;color:var(--muted);margin-top:10px}.jam-last-run{flex-direction:column;gap:10px;display:flex}.jam-last-run .chop-value{text-align:center;font-size:15px}.jam-play button.run-end{border:1.5px solid var(--accent);border-radius:var(--r-chip);color:var(--accent);min-height:40px;padding:0 16px}.jam-play{gap:10px}.jam-tempo{align-items:center;gap:10px;min-height:44px;display:flex}.jam-tempo input[type=range]{flex:1}.jam-tempo-value{text-align:right;min-width:3ch;color:var(--muted);font-size:14px}.jam-play-note{text-align:center}.tool-overlay{z-index:40;background:#14120e80;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.tool-sheet{width:100%;max-width:var(--width);padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 18px);border:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;background:var(--card);box-shadow:var(--shadow-lift);border-bottom:none}@media (width>=700px){.tool-overlay{align-items:center;padding:20px}.tool-sheet{border-bottom:1px solid var(--line);border-radius:var(--r-card);max-width:460px;padding-bottom:18px}}.icon-button.tuner-button.attention{color:var(--off)}.tool-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}h2.tool-title{font-family:var(--display);letter-spacing:0;text-transform:none;color:var(--ink);margin:0;font-size:17px;font-weight:700}.tool-head button{margin-right:0}.tuner-string{font-family:var(--display);font-size:40px;font-weight:700;line-height:1.1}.tuner-face-sheet{text-align:center;padding:8px 0 4px}.tuner-face-sheet .tuner-string{font-size:64px}.tuner-face-sheet .tuner-dial{height:12px;margin:20px auto 10px}.tuner-face-sheet .tuner-cents{font-size:20px}.tuner-string-hint,.tuner-reading,.tuner-status{color:var(--muted);min-height:16px;font-size:12px}.tuner-dial{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-track);max-width:min(100%,420px);height:10px;margin:12px 0 8px;position:relative}.tuner-center{background:var(--muted);width:1px;position:absolute;top:-4px;bottom:-4px;left:50%}.tuner-needle{background:var(--off);border-radius:2px;width:3px;height:20px;transition:left 60ms linear;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.tuner-dial.on-point .tuner-needle{background:var(--right);box-shadow:0 0 10px var(--right)}.tuner-dial.rest .tuner-needle{background:var(--line-strong);box-shadow:none}.tuner-cents{font-size:15px}.tuner-dial.on-point~.tuner-cents{color:var(--right)}.tuner-marks{gap:6px;margin:10px 0 0;display:flex}.tuner-face-sheet .tuner-marks{justify-content:center;gap:8px;margin-top:14px}.tuner-mark{border:1px solid var(--line);border-radius:var(--r-control);background:var(--sunken);min-width:30px;height:26px;color:var(--faint);letter-spacing:.04em;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.tuner-face-sheet .tuner-mark{min-width:38px;height:32px;font-size:14px}.tuner-mark.landed{border-color:var(--right);color:var(--right);box-shadow:0 0 8px -2px var(--right);background:0 0}.tuner-marks-hint{color:var(--muted);margin:8px 0 0;font-size:12px}.tuner-marks-hint.complete{color:var(--right);font-weight:600}.tuner-done{min-width:120px;margin-top:12px}.tuner-start-mic{min-width:180px;max-width:100%;min-height:44px;margin-top:12px}.metronome-pips{justify-content:center;align-items:center;gap:10px;min-height:22px;padding:10px 0 14px;display:flex}.metronome-pip{border:2px solid var(--line);background:var(--sunken);border-radius:50%;flex:none;width:12px;height:12px}.metronome-pip.one{width:17px;height:17px}.metronome-pip.lit{background:var(--accent);border-color:#0000}.metronome-beats{min-width:168px}.metronome-tap,.metronome-start{padding-top:12px}button.confirm,button.confirm:hover:not(:disabled){border-color:var(--wrong);color:var(--wrong)}@media (hover:hover){button:hover:not(:disabled){border-color:var(--accent)}button.nav-row:hover,button.tab:hover,button.segment:hover,.icon-button:hover{background:var(--sunken);border-color:#0000}button.mic.on:hover,button.cta:hover{filter:brightness(1.06);border-color:#0000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.icon-check,.icon-check path{opacity:1;stroke-dashoffset:0;animation:none;transform:none}.icon-spinner{animation:none}.chop-needle{transition:none}.scale-chip.struck,.pick-stroke.struck .pick-head,.sheet-note.struck .sheet-tab-number{opacity:1;animation:none;transform:none}.sheet-note.struck .sheet-head{opacity:1;animation:none}}.dyad-sheet-holder{margin:8px 0 4px}.dyad-system-holder{overflow-x:auto}svg.dyad-system{width:100%;display:block}.dyad-rule{stroke:var(--line-strong);stroke-width:.8px}.dyad-bar{stroke:var(--line-strong);stroke-width:1.1px}.dyad-clef{fill:var(--ink)}.dyad-course-label{fill:var(--muted);font-family:var(--display);font-weight:600}.dyad-slot{color:var(--ink)}.dyad-slot.on{color:var(--right)}.dyad-slot.off{color:var(--off)}.dyad-slot.missed{color:var(--wrong)}.dyad-head,.dyad-accidental,.dyad-tab-number{fill:currentColor}.dyad-head.hollow{fill:none;stroke:currentColor;stroke-width:1.4px}.dyad-tab-number{font-family:var(--display);font-weight:600}.dyad-stem,.dyad-ledger{stroke:currentColor;stroke-width:1.2px}.dyad-cursor{fill:var(--accent-soft);opacity:0}.dyad-cursor.now{opacity:1}.pick-sheet-holder{margin:6px 0 2px}svg.pick-sheet{width:100%;display:block}.pick-rule{stroke:var(--line-strong);stroke-width:.9px}.pick-bar{stroke:var(--line-strong);stroke-width:1.1px}.pick-course-label{fill:var(--muted);font-family:var(--display);font-weight:600}.pick-rule.skipped{stroke:var(--line)}.pick-course-label.skipped{fill:var(--faint);opacity:.7;font-weight:500}.pick-stroke{color:var(--ink)}.pick-stroke.heard,.pick-stroke.on{color:var(--right)}.pick-stroke.off{color:var(--off)}.pick-stroke.missed{color:var(--wrong)}.pick-stroke.ghost{color:var(--muted);opacity:.55}.pick-head,.pick-dot,.pick-rest{fill:currentColor}.pick-stem{stroke:currentColor;stroke-width:1.4px}.pick-mark{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.pick-flag{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.pick-beam{fill:var(--ink)}.pick-window{fill:none;stroke:var(--muted);stroke-width:1.1px}.pick-window-label{fill:var(--muted);font-family:var(--display);font-weight:600}.pick-tremolo{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.pick-cursor{fill:var(--accent-soft);opacity:0}.pick-cursor.now{opacity:1}@keyframes pick-stroke-struck{0%{transform:scale(1)}25%{transform:scale(1.5)}to{transform:scale(1)}}.pick-stroke.struck .pick-head{transform-box:fill-box;transform-origin:50%;animation:.18s ease-out pick-stroke-struck}.circle-figure{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}svg.circle-chart{background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);width:100%;max-width:min(100%,320px);height:auto}svg.circle-chart .circle-ring{stroke:var(--line);stroke-width:1.5px}svg.circle-chart .circle-ring-inner{stroke-dasharray:3 4}svg.circle-chart .circle-spoke{stroke:var(--line-strong);stroke-width:1.2px}svg.circle-chart .circle-spoke.on{stroke:var(--accent);stroke-width:2px}svg.circle-chart .circle-disc{fill:var(--sunken);stroke:var(--line);stroke-width:1px}svg.circle-chart .circle-label{fill:var(--ink);font:600 13px var(--body)}svg.circle-chart .circle-key.on .circle-disc{fill:var(--accent);stroke:var(--accent)}svg.circle-chart .circle-key.on .circle-label{fill:var(--accent-ink)}svg.circle-chart .circle-key.neighbor .circle-disc,svg.circle-chart .circle-key.string .circle-disc{fill:var(--accent-soft);stroke:var(--accent)}svg.circle-chart .circle-signature{fill:var(--accent);font:600 12px var(--body)}svg.circle-chart .circle-key-minor .circle-label{font:500 10px var(--body);fill:var(--muted)}svg.circle-chart .circle-key-minor .circle-disc{fill:var(--card)}svg.circle-chart .circle-key-minor.on .circle-label,svg.circle-chart .circle-key-minor.neighbor .circle-label,svg.circle-chart .circle-key-minor.string .circle-label{fill:var(--ink)}svg.circle-chart .circle-key-minor.on .circle-disc{fill:var(--accent-soft);stroke:var(--accent)}