:root{color:#f3f0e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#121311;--paper:#f3f0e7;--muted:#9a9b90;--lime:#d6ff41;--panel:#1b1c19;--panel-raised:#242620;--line:#393b33;--display:Georgia, "Times New Roman", ui-serif, serif;--shadow:0 18px 55px #0003;background:#121311;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0,#d6ff410f,#0000 26rem),#121311;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.info-tip{vertical-align:middle;margin-inline-start:.35rem;display:inline-flex}.info-tip>.info-tip__trigger{width:1.35rem;min-width:1.35rem;height:1.35rem;min-height:1.35rem;color:var(--muted,#9a9b90);cursor:pointer;background:0 0;border:1px solid;border-radius:50%;place-items:center;padding:0;font:700 .78rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-grid}.info-tip__trigger:hover,.info-tip__trigger[aria-expanded=true]{color:var(--lime,#d6ff41)}.info-tip__trigger:focus-visible{outline:2px solid var(--lime,#d6ff41);outline-offset:3px}.info-tip__bubble{z-index:100;inset-inline-end:1rem;overflow-wrap:anywhere;border:1px solid var(--line,#393b33);background:var(--panel-raised,#242620);width:min(20rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--paper,#f3f0e7);border-radius:.75rem;padding:.8rem 1rem;font-size:.875rem;line-height:1.45;position:fixed;bottom:1rem;overflow:auto;box-shadow:0 12px 32px #00000059}.catalog{width:100%;color:var(--paper);margin:0 auto;padding:36px 0 72px}.catalog__header{margin-bottom:28px}.catalog__header h1{font-family:var(--display);font-size:clamp(2.5rem,6vw,5rem);line-height:1}.catalog__header p:not(.catalog__eyebrow){color:var(--muted);line-height:1.5}.catalog__eyebrow{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.catalog__filters{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(210px,2fr) repeat(4,minmax(115px,1fr));gap:12px;padding:18px;display:grid}.catalog__advanced-fields{display:contents}.catalog__filter-toggle{display:none}.catalog__filters label{min-width:0;color:var(--muted);gap:8px;font-size:.8rem;font-weight:700;display:grid}.catalog__filters input,.catalog__filters select{width:100%;min-width:0;min-height:42px;color:var(--paper);background:var(--panel-raised);border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 11px}.catalog__filters input:focus-visible,.catalog__filters select:focus-visible,.catalog button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.catalog__count{color:var(--muted);margin:22px 0 16px;font-weight:700}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;display:grid}.catalog__card{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0;padding:20px;overflow:hidden}.catalog__card--selected{border-color:var(--lime)}.catalog__card button[aria-pressed=true]{background:var(--panel-raised);color:var(--lime);border:1px solid var(--lime)}.catalog__card button:disabled{opacity:.4;cursor:not-allowed}.catalog__card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog__card h2{font-family:var(--display);margin:0;font-size:1.45rem}.catalog__card-heading span{color:var(--lime);background:#d6ff411a;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:800}.catalog__card>p{color:var(--muted);font-size:.8rem}.catalog__card .chord-diagram{max-width:100%}.catalog__card button,.catalog__more{color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.catalog__card button{width:100%;margin-top:16px}.catalog__more{margin:24px auto 0;display:block}.catalog__empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:16px;padding:36px}@media (width<=900px){.catalog__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog__search{grid-column:1/-1}}@media (width<=480px){.catalog__filters{grid-template-columns:minmax(0,1fr)}.catalog__search{grid-column:auto}.catalog__filter-toggle{min-height:42px;color:var(--paper);background:var(--panel-raised);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:8px;padding:8px 12px;display:block}.catalog__advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.catalog__advanced-fields--closed{display:none}}.metronome{border:1px solid var(--line,#393b33);background:var(--panel,#1b1c19);width:min(100%,550px);color:var(--paper,#f3f0e7);box-shadow:var(--shadow);border-radius:18px;padding:clamp(1rem,3vw,1.5rem)}.metronome--compact{box-shadow:none;padding:1rem}.metronome__heading,.metronome__tempo-controls,.metronome__sound{align-items:center;gap:.7rem;display:flex}.metronome__heading{justify-content:space-between}.metronome h2{font-family:var(--display,Georgia, serif);margin:.15rem 0 0;font-size:1.5rem}.metronome__eyebrow{color:var(--lime,#d6ff41);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.metronome__status,.metronome__beat{color:var(--muted,#9a9b90);font-size:.85rem}.metronome__pulse{justify-content:center;gap:clamp(.6rem,3vw,1.3rem);padding:1.3rem 0 .4rem;display:flex}.metronome__dot{border:2px solid var(--lime,#d6ff41);border-radius:50%;width:1.6rem;height:1.6rem;transition:background 70ms,transform 70ms}.metronome__dot--active{background:var(--lime,#d6ff41);transform:scale(1.13)}.metronome__beat{text-align:center;margin:.4rem 0 1.2rem}.metronome label{font-size:.85rem}.metronome__tempo>label{margin-bottom:.5rem;display:block}.metronome button,.metronome select,.metronome input[type=number]{border:1px solid var(--line,#393b33);background:var(--panel-raised,#242620);min-height:42px;color:inherit;border-radius:8px}.metronome button{cursor:pointer;padding:.4rem .75rem}.metronome button:hover{border-color:var(--lime,#d6ff41)}.metronome button:disabled{cursor:wait;opacity:.65}.metronome__tempo-controls input{text-align:center;width:5.5rem;font-size:1.2rem}.metronome__tap{margin-left:auto}.metronome__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.metronome__options label{gap:.4rem;display:grid}.metronome__options select{width:100%;padding:.4rem}.metronome__sound{flex-wrap:wrap;justify-content:space-between;padding-bottom:1rem}.metronome__accent,.metronome__volume{align-items:center;gap:.35rem;display:flex}.metronome__volume input{max-width:90px;accent-color:var(--lime,#d6ff41)}.metronome__accent input{accent-color:var(--lime,#d6ff41)}.metronome .metronome__play{background:var(--lime,#d6ff41);width:100%;color:var(--ink,#121311);border:0;font-weight:700;display:block}.metronome__error{color:#ffc6a7;font-size:.85rem}@media (width<=390px){.metronome__sound{gap:.5rem}.metronome__tempo-controls{gap:.35rem}.metronome__tempo-controls input{width:4.7rem}}.song-practice{gap:24px;min-width:0;padding-top:48px;display:grid}.song-practice__header h1{margin:4px 0 8px}.song-practice__header>p:last-child{color:var(--muted);margin:0}.song-practice__eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:800}.song-practice__editor,.song-practice__tempo{gap:16px;min-width:0;display:grid}.song-practice__editor label,.song-practice__tempo label{color:var(--paper);gap:7px;font-weight:700;display:grid}.song-practice__editor input,.song-practice__editor textarea,.song-practice__tempo select{box-sizing:border-box;border:1px solid var(--line);background:var(--panel-raised);width:100%;max-width:760px;color:var(--paper);font:inherit;border-radius:10px;padding:12px 14px}.song-practice__editor textarea{resize:vertical}.song-practice__editor>p{max-width:760px;color:var(--muted);margin:0}.song-practice__editor [role=alert]{color:#ffd99a}.song-practice__toolbar,.song-practice__navigation{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-practice__logging{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.song-practice__logging [role=status]{color:var(--lime);font-weight:800}.song-practice__logging p{color:var(--muted);flex-basis:100%;margin:0;font-size:.82rem}.song-practice__toolbar [role=status]{color:var(--lime);font-weight:800}.song-practice__toolbar button,.song-practice__navigation button,.song-practice__tempo>button,.song-practice__editor>button,.song-practice__logging button{border:1px solid var(--line);background:var(--panel-raised);min-height:44px;color:var(--paper);cursor:pointer;font:inherit;border-radius:9px;padding:10px 16px;font-weight:700}.song-practice__editor>button,.song-practice__navigation button:last-child,.song-practice__logging button:first-of-type{border-color:var(--lime);background:var(--lime);color:var(--ink)}.song-practice__editor>button{justify-self:start;min-width:180px}.song-practice__logging button:disabled,.song-practice__navigation button:disabled{opacity:.45;cursor:not-allowed}.song-practice button:focus-visible,.song-practice input:focus-visible,.song-practice textarea:focus-visible,.song-practice select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.song-practice__list{box-sizing:border-box;scrollbar-color:var(--lime) var(--panel);scroll-snap-type:x proximity;gap:12px;width:100%;min-width:0;max-width:100%;margin:0;padding:2px 0 12px;list-style:none;display:flex;position:relative;overflow-x:auto}.song-practice__step{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);scroll-snap-align:start;border-radius:12px;flex:0 0 180px;align-content:start;gap:6px;padding:14px;display:grid}.song-practice__step--current{border-color:var(--lime);background:linear-gradient(180deg, #d6ff411f, var(--panel) 48%)}.song-practice__step strong{color:var(--paper)}.song-practice__step .chord-diagram--compact{width:min(100%,150px);margin-top:8px}.song-practice__number{color:var(--lime);font-size:.75rem;font-weight:800}.song-practice__scroll-hint{color:var(--muted);margin:-12px 0 0;font-size:.8rem;display:none}.song-practice__current,.song-practice__review{border:1px solid var(--line);background:var(--panel);border-radius:14px;max-width:760px;padding:24px}.song-practice__current h2{font-family:var(--display);margin:6px 0;font-size:clamp(2.25rem,5vw,3.4rem)}.song-practice__current>p{color:var(--muted)}.song-practice__review h2{font-family:var(--display);margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.song-practice__review p{color:var(--muted)}.song-practice__review ul{gap:12px;padding-left:24px;line-height:1.5;display:grid}.song-practice__review li::marker{color:var(--lime)}.song-practice__review strong{color:var(--paper)}.song-practice__navigation button{min-width:112px}.song-practice__tempo{justify-items:start}.song-practice__tempo select{min-width:130px}.song-practice__tempo .metronome{width:min(100%,760px);max-width:none}@media (width<=720px){.song-practice{padding-top:30px}.song-practice__step{flex-basis:150px}.song-practice__scroll-hint{display:block}.song-practice__current,.song-practice__review{padding:20px}}@media (width<=430px){.song-practice__editor>button,.song-practice__logging button{width:100%}.song-practice__toolbar [role=status]{flex-basis:100%}}.app-shell{width:min(1320px,100% - 32px);margin:0 auto;padding:24px 0 72px}.app-shell--session{min-height:100svh}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:64px;padding:24px 0 0;font-size:.8rem}.site-footer a{color:var(--paper);font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.topbar,.dashboard-hero,.session-hero,.section-heading,.suggestion-card,.manual-section,.session-controls,.active-chord-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar{color:var(--muted);padding-bottom:28px;font-size:.82rem}.topbar__tools{flex-shrink:0;align-items:center;gap:12px;display:flex}.topbar__status{white-space:nowrap}.diagram-label-switch{color:var(--paper);white-space:nowrap;cursor:pointer;align-items:center;gap:9px;font-size:.77rem;font-weight:700;display:inline-flex}.diagram-label-switch input{appearance:none;border:1px solid var(--line);background:var(--panel-raised);cursor:pointer;border-radius:999px;width:40px;height:24px;margin:0;position:relative}.diagram-label-switch input:before{content:"";background:var(--paper);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:3px;left:3px}.diagram-label-switch input:checked{background:var(--lime);border-color:var(--lime)}.diagram-label-switch input:checked:before{background:var(--ink);transform:translate(16px)}.diagram-label-switch input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-navigation{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;display:flex}.app-navigation__item{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font-weight:700}.app-navigation__item:hover{color:var(--paper);background:var(--panel-raised)}.app-navigation__item--active,.app-navigation__item--active:hover{color:var(--ink);background:var(--lime)}.metronome-view{grid-template-columns:minmax(0,1fr) minmax(300px,550px);align-items:start;gap:36px;padding-top:72px;display:grid}.metronome-view__intro{max-width:600px}.metronome-view .metronome{justify-self:end}.catalog-selection-bar{z-index:5;margin-top:16px;position:sticky;top:12px}.local-save-warning{color:#ffd99a;background:#ffa62914;border:1px solid #ffbb5459;border-radius:8px;width:fit-content;margin:-12px 0 12px;padding:8px 11px;font-size:.75rem}.brand{color:var(--paper);letter-spacing:.02em;align-items:center;gap:9px;font-weight:800;display:flex}.brand span{width:30px;height:30px;color:var(--ink);background:var(--lime);border-radius:8px;place-items:center;font-size:.7rem;display:grid}.eyebrow{color:var(--lime);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:800}.dashboard-hero,.session-hero{align-items:stretch;padding:52px 0 48px}.dashboard-hero>div,.session-hero>div:first-child{max-width:760px}h1{max-width:800px;color:var(--paper);font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(3.1rem,7vw,6.7rem);font-weight:600;line-height:.88}h1 em{color:var(--lime);font-style:normal}.lede{max-width:660px;color:var(--muted);margin-top:22px;font-size:1.08rem;line-height:1.55}.principles-card,.timer-card,.filter-panel,.suggestion-card,.deck-selection-bar,.chord-card,.manual-section,.pair-history,.active-chord-panel,.session-chord,.complete-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.principles-card{border-radius:18px;width:280px;padding:24px}.principles-card ul{color:var(--paper);gap:14px;margin:0;padding:0;font-size:.93rem;line-height:1.35;list-style:none;display:grid}.principles-card li{grid-template-columns:18px 1fr;gap:8px;display:grid}.principles-card li:before{color:var(--lime);content:"↗"}.filter-panel{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:22px;margin-bottom:14px;padding:18px 20px;display:grid}.filter-group{gap:10px;display:grid}.filter-group>span,.chord-builder legend{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:800}.filter-chips{flex-wrap:wrap;gap:7px;display:flex}.filter-chip{color:var(--muted);background:var(--panel-raised);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 11px;font-size:.76rem;font-weight:700;transition:border-color .15s,color .15s,background .15s}.filter-chip:hover{color:var(--lime);background:#d6ff4114;border-color:#d6ff4166}.filter-chip--active:hover,.filter-chip--active{color:var(--ink);background:var(--lime);border-color:var(--lime)}.suggestion-card{background:linear-gradient(120deg,#d6ff4121,#d6ff4105);border-radius:18px;justify-content:stretch;place-items:stretch stretch;gap:20px;width:100%;padding:26px 30px;display:grid}.suggestion-card__primary{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.suggestion-card__primary>div:first-child{flex:1;min-width:0}.suggestion-card h2,.section-heading h2,.manual-section h2,.active-chord-panel h2{color:var(--paper);font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:2rem;font-weight:600}.suggestion-card p:not(.eyebrow),.manual-section p:not(.eyebrow),.active-chord-panel p:not(.eyebrow){max-width:570px;color:var(--muted);margin:8px 0 0;font-size:.92rem;line-height:1.5}.suggestion-card__actions{align-items:center;gap:22px;display:flex}.suggestion-card__alternatives{border-top:1px solid var(--line);gap:10px;width:100%;padding-top:18px;display:grid}.suggestion-card__alternatives>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:800}.suggestion-card__pair-list{flex-wrap:wrap;gap:10px;width:100%;display:flex}.suggestion-card__pair-list button{min-width:155px;color:var(--paper);background:var(--panel-raised);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:9px;flex:0 185px;gap:4px;padding:11px 12px;display:grid}.suggestion-card__pair-list button:hover{border-color:var(--lime)}.suggestion-card__pair-list strong{font-size:.75rem}.suggestion-card__pair-list small{color:var(--muted);font-size:.62rem}.deck-selection-bar{border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:14px;padding:18px 22px;display:flex}.deck-selection-bar .eyebrow{margin-bottom:5px}.deck-selection-bar strong{color:var(--paper);font-size:.9rem}.deck-selection-bar__actions{align-items:center;gap:16px;display:flex}.button,.text-button,.pair-history__item{cursor:pointer;font:inherit;border:0}.button{color:var(--ink);background:var(--lime);white-space:nowrap;border-radius:9px;padding:13px 18px;font-size:.83rem;font-weight:800;transition:transform .15s,background .15s}.button:hover{background:#e1ff72;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.4;transform:none}.button--secondary{color:var(--paper);border:1px solid var(--line);background:0 0}.button--secondary:hover{background:var(--panel-raised)}.button--switch{align-self:center}.button--complete{width:100%}.section-heading{align-items:end;margin:56px 0 20px}.deck-heading__options>p{color:var(--muted);margin:0;font-size:.82rem}.deck-heading__options{justify-items:end;gap:10px;display:grid}.deck-size-control{flex-wrap:wrap;gap:5px;display:flex}.deck-size-control__button{min-height:36px;color:var(--muted);background:var(--panel);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:7px 11px;font-size:.78rem}.deck-size-control__button--active{color:var(--ink);background:var(--lime);border-color:var(--lime)}.deck-size-control__button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.chord-grid{grid-template-columns:repeat(var(--deck-columns,5), minmax(0, 1fr));gap:14px;display:grid}.chord-grid--large{--deck-columns:4}.chord-grid--medium{--deck-columns:5}.chord-grid--compact{--deck-columns:6}.chord-grid--compact .chord-card{min-height:390px;padding:13px}.chord-grid--compact .chord-card__heading{flex-wrap:wrap;gap:6px}.chord-grid--compact .voicing-badge{min-width:0;font-size:1rem}.chord-grid--compact .chord-card h3{font-size:1.3rem}.chord-grid--compact .chord-diagram--compact{width:min(100%,160px);margin-top:10px}.chord-grid--compact .chord-card>p{margin:8px 0}.chord-card{border-radius:14px;flex-direction:column;min-height:440px;padding:19px;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.chord-card--selected{border-color:var(--lime);background:linear-gradient(180deg, #d6ff4117, var(--panel) 42%);box-shadow:0 0 0 1px #d6ff4129, var(--shadow)}.chord-card:hover{border-color:#d6ff418c;transform:translateY(-3px)}.chord-card__heading,.session-chord__heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.chord-card__heading span,.session-chord__heading span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:700}.chord-card h3,.session-chord__heading strong{color:var(--paper);font-family:var(--display);letter-spacing:-.035em;margin:4px 0 0;font-size:1.55rem;font-weight:600;display:block}.voicing-badge{min-width:76px;color:var(--lime);font-family:var(--display);text-align:right;background:#d6ff4114;border:1px solid #d6ff412e;border-radius:8px;gap:2px;padding:7px 9px;font-size:1.25rem;display:grid}.voicing-badge b{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem}.chord-card>p{min-height:38px;color:var(--muted);margin:14px 0;font-size:.78rem;line-height:1.4}.chord-card__progress,.session-chord__progress{border-top:1px solid var(--line);gap:7px;padding-top:13px;display:grid}.chord-card__select{width:100%;min-height:42px;color:var(--paper);background:var(--panel-raised);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:8px;margin-top:auto;padding:10px 12px;font-size:.82rem;font-weight:800}.chord-card__select[aria-pressed=true]{color:var(--ink);background:var(--lime);border-color:var(--lime)}.chord-card__select:disabled{cursor:not-allowed;opacity:.35}.chord-diagram{width:min(100%,250px);margin:26px auto 0}.chord-diagram--compact{width:min(100%,205px);margin-top:20px}.chord-diagram__markers,.chord-diagram__string-names{grid-template-columns:repeat(6,1fr);justify-items:center;display:grid}.chord-diagram__markers{margin-bottom:5px}.chord-diagram__marker{width:17px;height:17px;color:var(--muted);place-items:center;font-size:.75rem;font-weight:800;display:grid;position:relative}.chord-diagram__marker--open{color:var(--lime);border:1px solid var(--lime);border-radius:999px;font-size:0}.chord-diagram--notes .chord-diagram__marker--open{width:21px;height:21px;font-size:.62rem}.chord-diagram__marker--muted{color:#77786f;font-size:1rem}.chord-diagram__marker--optional-mute:not(.chord-diagram__marker--open){border:1px dashed var(--muted);border-radius:50%}.chord-diagram__optional-mute{width:14px;height:14px;color:var(--paper);background:var(--panel);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:-7px;right:-8px}.chord-diagram__fretboard{height:calc(37.5px * var(--visible-frets,4));grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(var(--visible-frets,4), 1fr);margin:0 13px;display:grid;position:relative}.chord-diagram--compact .chord-diagram__fretboard{height:calc(31px * var(--visible-frets,4))}.chord-diagram__fretboard--nut{border-top:4px solid #d3d1c5}.chord-diagram__fret-line{z-index:1;border-bottom:1px solid #d3d1c57a;align-self:end}.chord-diagram__string-line{z-index:1;background:#d3d1c56b;grid-row:1/-1;justify-self:center;width:1px;height:100%}.chord-diagram__dot,.chord-diagram__barre{z-index:3;height:23px;color:var(--ink);background:var(--lime);align-self:center;place-items:center;font-size:.68rem;font-weight:900;display:grid}.chord-diagram__dot{border-radius:999px;justify-self:center;width:23px}.chord-diagram__dot--root{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px var(--lime)}.chord-diagram__barre{border-radius:999px;margin:0 1px}.chord-diagram__barre--root{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px var(--lime)}.chord-diagram__optional-dot{z-index:4;border:2px dashed var(--lime);width:21px;height:21px;color:var(--paper);background:var(--panel);border-radius:50%;place-self:center;place-items:center;font-size:.62rem;font-weight:800;line-height:1;display:grid}.chord-diagram__optional-dot--conflict{transform:translate(11px,-11px)}.chord-diagram--notes .chord-diagram__optional-dot{letter-spacing:-.05em;width:24px;height:24px;font-size:.59rem}.chord-diagram--notes.chord-diagram--compact .chord-diagram__optional-dot{width:22px;height:22px}.chord-diagram--notes .chord-diagram__barre{background:#d6ff4199}.chord-diagram--notes .chord-diagram__dot{letter-spacing:-.05em;font-size:.62rem}.chord-diagram--notes.chord-diagram--compact .chord-diagram__dot{width:21px;height:21px;font-size:.59rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chord-diagram__base-fret{color:var(--lime);font-size:.75rem;font-weight:800;position:absolute;top:8px;left:-27px}.chord-diagram__string-names{color:var(--muted);margin-top:5px;font-size:.75rem}.chord-diagram__root{color:var(--muted);text-align:center;margin-top:9px;font-size:.8rem;display:block}.practice-dots{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.practice-dots__dots{gap:4px;margin-left:auto;display:flex}.practice-dot{border:1px solid #71716f;border-radius:50%;width:6px;height:6px}.practice-dot--filled{background:var(--lime);border-color:var(--lime)}.practice-dots__count{min-width:12px;color:var(--paper);text-align:right;font-size:.72rem}.manual-section{border-radius:18px;align-items:stretch;margin-top:58px;padding:28px 30px}.manual-section__copy{max-width:340px}.manual-picker{flex:1;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;gap:12px;max-width:780px;display:grid}.manual-picker>.button{grid-column:1/-1;justify-self:end}.manual-picker__arrow{color:var(--lime);font-size:1.3rem}.chord-builder{background:var(--panel-raised);border:1px solid var(--line);border-radius:12px;gap:12px;min-width:0;margin:0;padding:15px;display:grid}.chord-builder legend{padding:0 7px}.chord-builder__fields{grid-template-columns:.85fr .85fr 1.3fr;gap:8px;display:grid}.chord-builder label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:6px;font-size:.75rem;font-weight:700;display:grid}.chord-builder select{width:100%;min-width:0;color:var(--paper);border:1px solid var(--line);background:#1b1c19;border-radius:7px;padding:9px 8px;font-size:.85rem}.chord-builder__result{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;display:flex}.chord-builder__result strong{color:var(--paper);font-family:var(--display);font-size:1.2rem}.chord-builder__result span{color:var(--lime);text-align:right;font-size:.64rem}.pair-history{border-radius:18px;margin-top:58px;padding:28px 30px}.pair-history .section-heading{margin:0 0 22px}.pair-history__grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.pair-history__item{color:var(--paper);background:var(--panel-raised);text-align:left;border:1px solid #0000;border-radius:10px;gap:7px;padding:14px;display:grid}.pair-history__item:hover{border-color:var(--line)}.pair-history__item>span{font-size:.78rem;font-weight:800}.pair-history__item small{color:var(--muted);font-size:.66rem}.text-button{color:var(--paper);background:0 0;padding:0;font-size:.82rem}.text-button:hover{color:var(--lime)}.session-hero{padding-top:38px}.session-hero h1{font-size:clamp(3rem,6vw,5.5rem)}.timer-card{border-radius:16px;gap:7px;min-width:230px;padding:22px;display:grid}.timer-card>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.75rem;font-weight:700}.timer-card>strong{color:var(--paper);font-family:var(--display);letter-spacing:-.06em;font-size:3.4rem;font-weight:500}.timer-card__status{min-height:1em;color:var(--muted);font-size:.7rem}.timer-card__buttons{gap:8px;margin-top:4px;display:flex}.timer-card__buttons .button{flex:1;padding:10px}.timer-card__metronome-toggle{justify-self:start;margin-top:7px}.session-metronome{margin-top:16px}.session-metronome>.metronome{width:100%;max-width:none}.active-chord-panel{background:linear-gradient(120deg,#d6ff4126,#d6ff4108);border-radius:16px;padding:24px 28px}.session-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.session-chord{border-radius:16px;min-height:470px;padding:26px}.session-chord--active{border-color:var(--lime);box-shadow:0 0 0 1px #d6ff412b, var(--shadow)}.session-chord .chord-diagram{margin-top:34px}.session-chord__progress{margin-top:24px}.session-controls{align-items:stretch;margin-top:16px}.complete-card{border-radius:16px;flex:1;padding:24px}.complete-card span{color:var(--muted);margin:0;font-size:.8rem}.complete-card{align-content:center;gap:15px;display:grid}@media (width<=1140px) and (width>=1061px){.chord-grid--compact{--deck-columns:5}}@media (width<=1140px){.topbar__status{display:none}}@media (width<=1060px){.topbar{flex-wrap:wrap}.app-navigation{order:3;width:100%}.metronome-view{grid-template-columns:1fr;padding-top:32px}.metronome-view .metronome{justify-self:stretch}.dashboard-hero,.session-hero,.manual-section{flex-direction:column}.suggestion-card__primary{flex-direction:column;align-items:stretch}.suggestion-card__pair-list{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-card,.timer-card,.manual-section__copy,.manual-picker{width:100%;max-width:none}.filter-panel{grid-template-columns:1fr}.chord-grid{--deck-columns:3}.chord-grid--compact{--deck-columns:4}}@media (width<=800px){.chord-grid{--deck-columns:2}}@media (width<=720px){.app-navigation{justify-content:stretch}.app-navigation__item{flex:1;padding:8px 5px;font-size:.76rem}.app-shell{width:min(100% - 28px,1240px);padding-top:16px}.topbar__status{display:none}.dashboard-hero,.session-hero{padding:36px 0}h1{font-size:clamp(3rem,17vw,5rem)}.suggestion-card,.deck-selection-bar,.manual-section,.pair-history,.active-chord-panel,.filter-panel{padding:21px}.deck-selection-bar{flex-direction:column;align-items:stretch}.deck-selection-bar__actions{justify-content:space-between}.suggestion-card__pair-list{grid-template-columns:1fr}.catalog-selection-bar{gap:10px;padding:12px 16px;top:0}.suggestion-card__actions{flex-direction:column;align-items:stretch;width:100%}.pair-history__grid,.session-grid{grid-template-columns:1fr}.chord-grid{--deck-columns:1}.manual-picker{grid-template-columns:1fr}.manual-picker__arrow{justify-self:center;transform:rotate(90deg)}.manual-picker>.button{grid-column:auto;justify-self:stretch}.session-controls,.active-chord-panel{flex-direction:column;align-items:stretch}.section-heading{flex-direction:column;align-items:start}.deck-heading__options{justify-items:start}}@media (width<=430px){.chord-builder__fields{grid-template-columns:1fr}.filter-chips{grid-template-columns:repeat(2,1fr);display:grid}.filter-chip{text-align:center}}.guided-control,.guided-workout{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:16px 0;padding:22px 26px}.guided-control{justify-content:space-between;align-items:center;gap:24px;display:flex}.guided-control strong{color:var(--paper)}.guided-control p,.guided-workout p{color:var(--muted);margin:8px 0 0;line-height:1.5}.guided-control .button{flex-shrink:0}.guided-workout__heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.guided-workout__heading h2{color:var(--paper);font-family:var(--display);margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}.guided-workout__heading>strong{color:var(--lime)}.guided-workout__choices{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.guided-workout__choices button{border:1px solid var(--line);background:var(--panel-raised);color:var(--paper);cursor:pointer;border-radius:8px;padding:9px 12px}.guided-workout__choices button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.guided-workout__strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:18px;display:grid}.guided-workout__pulse{background:var(--panel-raised);color:var(--paper);border-radius:8px;place-items:center;gap:3px;padding:8px 2px;display:grid}.guided-workout__pulse span{color:var(--muted);font-size:.7rem}.guided-workout__pulse strong{font-size:1.1rem}.guided-workout__pulse--active{background:var(--lime);color:var(--ink)}.guided-workout__pulse--active span{color:var(--ink)}@media (width<=720px){.guided-control,.guided-workout{padding:18px}.guided-control,.guided-workout__heading{flex-direction:column;align-items:stretch}.guided-workout__strip{gap:3px}.guided-workout__pulse{min-width:0}}