.fretboard-intro{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.fretboard-intro b{font:22px var(--serif)}.fretboard-intro p,.fretboard-support{color:var(--muted);max-width:620px;margin:5px 0 0;font-size:13px;line-height:1.45}.progress-dots{gap:7px;display:flex}.progress-dots i{border:1px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.progress-dots .now{background:var(--orange);border-color:var(--orange)}.progress-dots .done{background:var(--lime);border-color:var(--lime)}.fretboard-card{align-items:start}.fretboard-neck-wrap{margin:26px 0 16px;padding:5px 0 13px;overflow-x:auto}.fretboard-neck{background:#fff;border:6px solid #4d4d4d;min-width:790px}.fretboard-string{grid-template-columns:68px repeat(13,1fr);min-height:58px;display:grid;position:relative}.fretboard-string:not(:last-child){border-bottom:3px solid #4d4d4d}.fretboard-string-name{background:#edf2e9;border-right:3px solid #4d4d4d;place-items:center;font-size:10px;font-weight:700;display:grid}.fret-cell{border:0;border-left:1px solid var(--line);min-width:54px;color:var(--ink);background:0 0;padding:0;position:relative}.fret-cell:focus-visible{outline:3px solid var(--orange);outline-offset:-3px;z-index:3}.fret-cell small{color:var(--muted);font-size:8px;position:absolute;top:4px;left:5px}.fret-cell b{background:#edf2e9;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;font-size:9px;line-height:1.05;display:grid}.fret-cell.mastered b{background:var(--lime)}.fret-cell.target{background:#ff912e29}.fret-cell.target b{background:var(--orange);color:#fff}.fretboard-actions{flex-wrap:wrap;gap:8px;display:flex}.fretboard-actions button,.mastery-card button,.clear-focus{border:1px solid var(--line);background:#fff;padding:9px 11px;font-size:11px}.fretboard-practice .practice-prompt{font:25px/1.1 var(--serif);margin:18px 0}.fretboard-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.mastery-card,.thinking-card{border:1px solid var(--line);background:#edf2e9;padding:22px}.mastery-card h2{font-size:28px}.mastery-card p:not(.eyebrow),.thinking-card p{color:var(--muted);font-size:13px;line-height:1.5}.thinking-card{background:#fff}.thinking-card summary{cursor:pointer;font:23px var(--serif)}.clear-focus{margin-top:14px}.fretboard-course .practice button{text-align:left;width:100%}@media (max-width:720px){.fretboard-intro{flex-direction:column;align-items:flex-start}.fretboard-card{padding:17px}.fretboard-neck{min-width:770px}.fretboard-string{min-height:54px}.fret-cell{min-width:52px}.fretboard-bottom{grid-template-columns:1fr}.fretboard-practice .practice-prompt{font-size:22px}}.diagram-wrap{max-width:520px;margin:28px 0 12px}.marker-row{color:#414141;text-align:center;grid-template-columns:repeat(6,1fr);height:36px;margin:0 0 8px;padding-left:45px;font-size:30px;display:grid}.marker-row span{line-height:31px}.diagram-main{gap:10px;display:flex}.diagram-frets{color:#454545;grid-template-rows:repeat(4,1fr);width:35px;height:360px;padding-top:5px;font-size:14px;display:grid}.diagram-frets b{font-weight:600}.diagram-grid{background:#fff;border:7px solid #4d4d4d;flex:1;height:360px;position:relative}.string-line{background:#4d4d4d;width:5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.string-line:first-child{transform:none}.string-line:last-of-type{transform:translate(-100%)}.fret-line{background:#4d4d4d;height:5px;position:absolute;left:0;right:0;transform:translateY(-50%)}.finger-dot,.barre-number{z-index:3;background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-style:normal;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.barre-line{z-index:2;background:var(--orange);border-radius:20px;height:30px;position:absolute;transform:translateY(-50%)}.barre-number{z-index:4}.string-caption{color:var(--muted);margin:10px 0 0 45px;font-size:10px}.shape-buttons{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.shape-buttons button,.song-list button{border:1px solid var(--line);background:#fff;padding:8px 10px;font-size:11px}.shape-buttons .sel,.song-list .sel{background:var(--lime);border-color:var(--lime)}.tones{color:var(--muted);font-size:13px}.root-map{border:1px solid var(--line);background:#fff;padding:18px;font-size:11px;overflow:auto}.root-map>div{min-width:max-content;margin-top:10px;display:flex}.root-map span{border:1px solid var(--line);text-align:center;width:70px;min-height:54px;padding:7px}.root-map span.open{background:var(--lime)}.root-map small{color:var(--muted);margin-bottom:5px;display:block}.root-map p{color:var(--muted);margin:12px 0 0}.bpm input[type=range]{width:100%;accent-color:var(--orange);margin:12px 0;display:block}.bpm input[type=number]{border:1px solid var(--line);background:#fff;width:95px;padding:7px}.scale-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:12px}.scale-table th,.scale-table td{border:1px solid var(--line);text-align:left;padding:8px}.scale-table tr{cursor:pointer}.scale-table .now{background:var(--orange);color:#fff}.song-search{max-width:430px;color:var(--muted);margin:25px 0 12px;font-size:11px;font-weight:700;display:block}.song-search input{border:1px solid var(--line);background:#fff;width:100%;margin-top:7px;padding:11px;display:block}.song-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-bottom:18px;display:grid}.song-list button{text-align:left}.song-list small{color:var(--muted);margin-top:4px;display:block}.song-card pre{white-space:pre-wrap;font:14px/1.7 Arial}.course-app .practice button{border:1px solid var(--ink)}@media (max-width:720px){.diagram-grid,.diagram-frets{height:260px}.marker-row{padding-left:43px;font-size:25px}.finger-dot,.barre-number{width:34px;height:34px}.barre-line{height:25px}.string-caption{margin-left:43px}.scale-table{font-size:10px}.scale-table th,.scale-table td{padding:6px 4px}.root-map{margin-top:0}}.chord-library{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.chord-library button{border:1px solid var(--line);background:#fff;padding:10px;font-size:12px}.chord-library .sel{background:var(--lime);border-color:var(--lime)}.check-result{background:#fff;min-height:64px;padding:10px;font-size:12px;line-height:1.45}.song-sheet{scroll-behavior:auto;border:1px solid var(--line);background:#fff;max-height:420px;padding:12px 18px;overflow-y:auto}.song-sheet section{border-bottom:1px solid var(--line);padding:12px 0}.song-sheet section:last-child{border-bottom:0}.song-sheet h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.song-sheet pre{white-space:pre-wrap;margin:0;font:14px/1.65 Arial}.song-card{align-items:start}@media (max-width:720px){.chord-library{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chord-library button{min-height:44px}.song-sheet{max-height:360px;padding:10px 12px}}.barre-explorer{border:1px solid var(--line);background:#edf2e9;margin:20px 0;padding:20px}.barre-explorer h2{font-size:28px}.barre-explorer h2 em{color:var(--orange)}.barre-explorer p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:13px}.barre-filter-panel{background:#ffffff9e;border:1px solid #cfd8ca;align-items:center;gap:18px;margin:20px 0 4px;padding:14px 15px 15px;display:flex}.barre-filter-panel .eyebrow{margin:0 0 4px}.barre-filter-panel span{color:var(--muted);font-size:12px}.barre-filters{flex-wrap:wrap;flex:1;gap:6px;display:flex}.barre-filters button{min-height:34px;color:var(--ink);background:#fff;border:1px solid #c9d1c5;border-radius:999px;padding:7px 10px;font-size:11px;line-height:1;transition:background .15s,border-color .15s,transform .15s}.barre-filters button:hover{border-color:var(--orange);transform:translateY(-1px)}.barre-filters button.sel{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 2px #1a271e2e}.fret-sort{gap:6px;padding:12px 0;display:flex;overflow:auto}.fret-sort button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 10px;font-size:11px}.fret-sort .sel,.barre-choices .sel{background:var(--lime);border-color:var(--lime)}.barre-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.barre-choices button{text-align:left;border:1px solid var(--line);background:#fff;min-height:58px;padding:9px;font-size:12px}.barre-choices small{color:var(--muted);margin-top:4px;font-size:10px;display:block}@media (max-width:720px){.barre-explorer{padding:15px}.barre-filter-panel{padding:13px;display:block}.barre-filters{margin-top:12px}.barre-filters button{min-height:38px}.barre-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.metronome{margin-top:12px}.meter-select{color:var(--muted);justify-content:space-between;align-items:center;margin:13px 0;font-size:11px;font-weight:700;display:flex}.meter-select select{border:1px solid var(--line);color:var(--ink);background:#fff;padding:7px}.beat-lights{gap:6px;margin:10px 0 14px;display:flex}.beat-lights i{border:1px solid var(--ink);background:#fff;border-radius:50%;width:15px;height:15px;display:block}.beat-lights i.on{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 3px #ff912e33}.theory-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:28px;display:grid}.theory-panel{border:1px solid var(--line);background:#fff;padding:22px}.theory-panel h2{font-size:29px}.anchor-map{border:1px solid var(--line);grid-template-columns:86px repeat(6,minmax(70px,1fr));margin:19px 0 24px;font-size:11px;display:grid;overflow-x:auto}.anchor-map>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;min-width:70px;padding:10px 7px}.anchor-map b{text-align:left;background:#edf2e9}.anchor-map .anchor-head{background:var(--ink);color:var(--lime);font-weight:700}.quiz-box{background:#edf2e9;padding:17px}.quiz-box h3,.scale-quiz h3{font:24px var(--serif);margin:0}.quiz-box p:not(.eyebrow),.scale-quiz p:not(.eyebrow),.wheel-copy{color:var(--muted);font-size:13px;line-height:1.45}.answer-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0;display:grid}.answer-grid button,.mode-answers button,.quiz-box>button,.scale-quiz>button,.random-note button{border:1px solid var(--line);background:#fff;padding:9px 7px;font-size:10px}.answer-grid button.correct,.mode-answers button.correct{background:var(--lime);border-color:var(--lime)}.answer-grid button.wrong,.mode-answers button.wrong{border-color:var(--orange);background:#ffd5bd}.feedback{font-weight:700;color:var(--orange)!important}.feedback.good{color:#356500!important}.wheel-notes{border:2px solid var(--ink);border-radius:50%;place-items:center;width:270px;height:270px;margin:25px auto;display:grid;position:relative}.wheel-notes span{transform-origin:50% 135px;font-size:12px;font-weight:700;position:absolute}.wheel-notes b{text-align:center;font:44px var(--serif)}.wheel-notes b small{color:var(--muted);font:10px/1.2 Arial;display:block}.wheel-copy{max-width:480px}.random-note{background:var(--lime);gap:5px;margin-top:22px;padding:16px;display:grid}.random-note span{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.random-note strong{font:42px var(--serif)}.random-note button{border-color:var(--ink);justify-self:start}.scale-lab{margin-top:14px}.formula-row{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.formula-row>div{background:#edf2e9;padding:15px}.formula-row b,.formula-row strong,.formula-row span{display:block}.formula-row strong{font:20px var(--serif);margin:8px 0}.formula-row span{color:var(--muted);font-size:12px}.scale-quiz{border-top:1px solid var(--line);grid-template-columns:1fr .7fr;gap:22px;padding-top:20px;display:grid}.mode-answers{gap:7px;margin:13px 0;display:flex}.mode-answers button{text-transform:capitalize}.scale-quiz aside{background:#edf2e9;padding:15px;font-size:13px;line-height:1.5}.scale-quiz aside p:first-child{margin-top:0}@media (max-width:720px){.theory-grid,.scale-quiz{grid-template-columns:1fr}.theory-panel{padding:16px}.anchor-map{grid-template-columns:76px repeat(6,66px)}.answer-grid{grid-template-columns:repeat(3,1fr)}.wheel-notes{margin:-5px auto;transform:scale(.88)}.formula-row{grid-template-columns:1fr}.course-app nav{gap:1px;display:flex;overflow:auto}.course-app header{gap:8px}.course-app nav button{padding:9px 8px;font-size:11px}}.anchor-note{color:var(--muted);margin:6px 0 14px;font-size:12px}.anchor-map{display:block;overflow:auto}.anchor-map>.anchor-head{vertical-align:top;width:calc(16.6667% - 14.3333px);display:inline-block}.anchor-map>.anchor-head:first-child{width:86px}.anchor-row{min-width:620px;display:flex}.anchor-row>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;width:calc(16.6667% - 14.3333px);padding:10px 7px;font-size:11px}.anchor-row b{text-align:left;background:#edf2e9;flex:none;width:86px}.rotating-wheel .wheel-switch,.quality-toggle{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.wheel-switch button,.quality-toggle button,.wheel-controls button,.chord-write button{border:1px solid var(--line);background:#fff;padding:9px 11px;font-size:11px}.wheel-switch .sel,.quality-toggle .sel{background:var(--ink);border-color:var(--ink);color:var(--lime)}.key-wheel{border:2px solid var(--ink);border-radius:50%;place-items:center;width:270px;height:270px;margin:23px auto;display:grid;position:relative}.key-wheel span{transform-origin:50% 135px;text-align:center;max-width:48px;font-size:10px;font-weight:700;position:absolute}.key-wheel span.root{color:var(--orange)}.key-wheel span.tone{background:var(--lime);border-radius:999px;padding:3px 5px}.key-wheel b{text-align:center;font:34px var(--serif)}.key-wheel b small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font:10px Arial;display:block}.wheel-controls{justify-content:center;align-items:center;gap:12px;display:flex}.wheel-controls strong{font:24px var(--serif);text-align:center;min-width:115px}.wheel-controls button{padding:5px 12px;font-size:18px}.chord-write{margin-top:14px}.chord-write>p{color:var(--muted);font-size:13px}.chord-write label{max-width:620px;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:700;display:block}.chord-write input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;margin-top:7px;padding:12px;display:block}.chord-write>div{flex-wrap:wrap;gap:8px;display:flex}.chord-write small{color:var(--muted);margin-top:13px;font-size:11px;display:block}@media (max-width:720px){.anchor-row{min-width:560px}.anchor-row>*{font-size:10px}.key-wheel{margin:-2px auto;transform:scale(.9)}.chord-write>div button{flex:1}}.formula-reference{border:1px solid var(--line);background:#edf2e9;max-width:620px;margin:16px 0;padding:11px 13px;font-size:12px}.formula-reference summary{cursor:pointer;color:var(--ink);font-weight:700}.formula-reference p{color:var(--muted);margin:9px 0 0}.theory-course .chord-write{display:none}.scale-answer-course{padding-top:14px}.scale-recall>p{color:var(--muted);max-width:720px;font-size:13px;line-height:1.5}.scale-recall label{max-width:720px;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:700;display:block}.scale-recall input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;margin-top:7px;padding:12px;display:block}.scale-recall>div{flex-wrap:wrap;gap:8px;display:flex}.scale-recall>div button{border:1px solid var(--line);background:#fff;padding:9px 11px;font-size:11px}.scale-recall>div .primary{border-color:var(--ink)}.ear-notes{margin-top:14px}.ear-note-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.ear-note-grid>div{background:#edf2e9;padding:15px}.ear-note-grid b{font:18px var(--serif)}.ear-note-grid p,.theory-correction{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.theory-correction{border-top:1px solid var(--line);padding-top:15px}@media (max-width:720px){.ear-note-grid{grid-template-columns:1fr}}.notation-toggle{gap:2px;margin-left:auto;display:flex}.notation-toggle button{border:1px solid var(--line);color:var(--muted);background:#fff;padding:6px 7px;font-size:10px}.notation-toggle button.sel{background:var(--ink);border-color:var(--ink);color:var(--lime)}header .notation-toggle+small{margin-left:0}.scale-filter{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.scale-filter button{border:1px solid var(--line);background:#fff;padding:8px 11px;font-size:11px}.scale-filter button.sel{background:var(--ink);border-color:var(--ink);color:var(--lime)}.caged-explorer{border:1px solid var(--line);background:var(--ink);color:#fff;margin:28px 0;padding:22px}.caged-explorer-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.caged-explorer h2{color:#fff;font-size:30px}.caged-explorer-head p:not(.eyebrow),.caged-readout,.caged-legend{color:#c7d0c8;font-size:12px;line-height:1.45}.caged-explorer-head button{color:#fff;white-space:nowrap;background:0 0;border:1px solid #667168;padding:9px 11px;font-size:11px}.caged-controls{flex-wrap:wrap;gap:14px;margin:18px 0;display:flex}.caged-controls label{color:#c7d0c8;gap:6px;font-size:11px;display:grid}.caged-controls select{min-width:150px;color:var(--ink);font:inherit;background:#fff;border:1px solid #667168;padding:9px}.caged-shapes{flex-wrap:wrap;gap:7px;display:flex}.caged-shapes button{color:#fff;background:0 0;border:1px solid #667168;padding:9px 11px;font-size:11px}.caged-shapes button.sel{background:#2867bf;border-color:#2867bf}.caged-readout{margin:15px 0}.caged-neck-scroll{overflow:auto}.caged-neck{background:#171717;border-bottom:6px solid #4d4d4d;grid-template-columns:86px repeat(22,46px);min-width:1098px;display:grid}.caged-neck>*{min-height:48px}.caged-corner,.caged-neck>b{color:#b9c0bc;background:#202020;border-bottom:1px solid #667168;place-items:center;font-size:10px;display:grid}.caged-row{display:contents}.caged-row>b{color:#c7d0c8;border-bottom:2px solid #646464;place-items:center;font-size:11px;display:grid}.caged-cell{border-bottom:2px solid #646464;border-right:1px solid #2c2c2c;place-items:center;display:grid;position:relative}.caged-cell i{color:#fff;z-index:1;background:#183560;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-style:normal;display:grid}.caged-cell.root i,.caged-cell.route i{background:#2f73d8}.caged-cell.octave i{outline-offset:2px;outline:1px solid #d7dde0}.caged-cell em{z-index:2;color:#fff;font-size:9px;font-style:normal;font-weight:700;position:absolute}.caged-legend{flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0 0;display:flex}.caged-root-dot,.caged-tone-dot{border-radius:50%;width:12px;height:12px;margin-right:-9px;display:inline-block}.caged-tone-dot{background:#183560}@media (max-width:720px){.caged-explorer{padding:16px}.caged-explorer-head{display:block}.caged-explorer-head button{margin-top:12px}.caged-controls{gap:8px}.caged-controls select{min-width:135px}}.workbook-empty{border:1px solid var(--line);background:#edf2e9;margin-top:14px;padding:22px}.workbook-empty h2{font-size:28px}.workbook-empty p:not(.eyebrow){color:var(--muted);max-width:650px;font-size:13px;line-height:1.5}.caged-explorer{color:var(--ink);border-color:var(--line);background:#fff}.caged-explorer h2{color:var(--ink)}.caged-explorer .eyebrow,.caged-explorer-head p:not(.eyebrow),.caged-readout,.caged-legend{color:var(--muted)}.caged-explorer-head button{border-color:var(--ink);color:var(--ink);background:#fff}.caged-controls label{color:var(--muted)}.caged-controls select{border-color:var(--line)}.caged-shapes button{border-color:var(--line);color:var(--ink);background:#fff}.caged-shapes button.sel{background:var(--ink);border-color:var(--ink);color:var(--lime)}.caged-neck{background:#fff;border:7px solid #4d4d4d}.caged-corner,.caged-neck>b{color:var(--ink);background:#edf2e9;border-bottom-color:#4d4d4d}.caged-row>b{background:var(--ink);color:var(--lime);border-bottom-color:#4d4d4d}.caged-cell{background:linear-gradient(#0000 calc(50% - 1px),#4d4d4d calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border-bottom:0;border-right-color:#4d4d4d}.caged-cell i{color:var(--ink);border:1px solid var(--line);background:#edf2e9}.caged-cell.root i,.caged-cell.route i{background:var(--orange);color:#fff;border-color:var(--orange)}.caged-cell.octave i{outline:2px solid var(--ink);outline-offset:2px}.caged-cell em{z-index:3;background:var(--ink);color:var(--lime);border:1px solid #fff;border-radius:999px;padding:2px 4px;font-size:8px;line-height:1;top:1px;bottom:auto;right:0;transform:translate(30%,-30%)}.caged-root-dot{background:var(--orange)}.caged-tone-dot{border:1px solid var(--ink);background:#edf2e9}.scale-fretboard-panel{border:1px solid var(--line);background:#fff;margin-top:14px;padding:22px}.scale-fretboard-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.scale-fretboard-head h2{font-size:29px}.scale-fretboard-head p:not(.eyebrow){color:var(--muted);max-width:620px;margin:8px 0 0;font-size:13px;line-height:1.45}.scale-fretboard-key{color:var(--muted);white-space:nowrap;margin:3px 0 0;font-size:11px}.scale-fretboard-key b{color:var(--ink)}.scale-position-picker{flex-wrap:wrap;gap:8px;margin:18px 0 4px;display:flex}.scale-position-picker button{border:1px solid var(--line);text-align:left;background:#fff;padding:9px 13px;font-size:11px}.scale-position-picker button.sel{background:var(--ink);border-color:var(--ink);color:var(--lime)}.scale-position-picker small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.scale-position-picker button.sel small{color:inherit}.scale-fretboard-scroll{margin-top:18px;overflow:auto}.scale-fretboard-grid{background:#fff;border:7px solid #4d4d4d;grid-template-columns:86px repeat(23,minmax(42px,1fr));min-width:1052px;display:grid}.scale-fretboard-grid>*{border-bottom:1px solid #9b9b9b;border-right:3px solid #4d4d4d;min-height:48px}.scale-fretboard-corner,.scale-fret-number{background:#edf2e9;place-items:center;font-size:10px;display:grid}.scale-fretboard-corner{text-align:center;color:var(--muted)}.scale-fret-number{font-weight:700}.scale-fretboard-row{display:contents}.scale-string-name{background:var(--ink);color:var(--lime);grid-column:1;place-items:center;font-size:11px;display:grid}.scale-fret-cell{color:var(--ink);background:linear-gradient(#0000 calc(50% - 1px),#4d4d4d calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#fff;border:0;place-items:center;padding:2px;font-size:10px;display:grid;position:relative}.scale-fret-cell:disabled{cursor:default}.scale-fret-cell.route{background:linear-gradient(to bottom,transparent calc(50% - 1px),#ffffffb3 calc(50% - 1px),#ffffffb3 calc(50% + 1px),transparent calc(50% + 1px)),var(--orange);color:#fff}.scale-fret-cell.octave{background:linear-gradient(to bottom,transparent calc(50% - 1px),#17231e73 calc(50% - 1px),#17231e73 calc(50% + 1px),transparent calc(50% + 1px)),var(--lime);color:var(--ink)}.scale-fret-cell.current{box-shadow:inset 0 0 0 3px var(--ink)}.scale-fret-cell i{font-size:9px;font-style:normal;font-weight:700;position:absolute;bottom:2px;right:3px}.scale-fretboard-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;margin:13px 0 0;font-size:11px;display:flex}.route-dot,.octave-dot{width:10px;height:10px;margin-right:-8px;display:inline-block}.route-dot{background:var(--orange)}.octave-dot{background:var(--lime)}@media (max-width:720px){.scale-fretboard-panel{padding:16px}.scale-fretboard-head{display:block}.scale-fretboard-key{white-space:normal;margin-top:12px}.scale-fretboard-grid{grid-template-columns:76px repeat(23,42px);min-width:1042px}.scale-fretboard-grid>*{min-height:44px}}.song-directory{color:#f8f6ef;background:#17231e;border:1px solid #17231e;margin:28px 0;padding:20px}.song-directory-meta{justify-content:space-between;align-items:end;gap:20px;display:flex}.song-directory-meta p{color:#cfd8cf;margin:0;font-size:12px}.song-directory-meta b{color:var(--lime);font:28px Georgia,serif}.song-search{letter-spacing:.12em;gap:7px;font-size:10px;font-weight:700;display:grid}.song-search input{width:min(360px,76vw);color:var(--ink);letter-spacing:0;background:#fff;border:1px solid #62736b;padding:11px}.song-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:18px}.song-list button{color:#fff;text-align:left;background:#233129;border:1px solid #526159;flex-direction:column;justify-content:end;gap:7px;min-height:108px;padding:14px;transition:transform .15s,background .15s;display:flex}.song-list button:hover{background:#304238;transform:translateY(-2px)}.song-list button.sel{background:var(--lime);border-color:var(--lime);color:var(--ink)}.song-list button small{color:#b9c9be;letter-spacing:.1em;margin:0;font-size:10px}.song-list button.sel small{color:#47574e}.song-list button b{font:20px Georgia,serif}.song-list button span{color:#d4ddd5;font-size:11px}.song-list button.sel span{color:#425148}.empty-library{color:#cfd8cf;grid-column:1/-1;margin:0}.song-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.song-facts>div{border-top:2px solid var(--lime);background:#f1f4ed;padding:9px 8px}.song-facts small{letter-spacing:.11em;color:var(--muted);font-size:9px;font-weight:700}.song-facts p{margin:5px 0 0;font-size:13px;line-height:1.35}.tab-resource{background:var(--ink);color:var(--lime);margin:0 0 14px;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.amp-card{border:1px solid var(--line);background:#fff8e9;margin:0 0 14px;padding:14px 16px}.amp-card ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.amp-card li{background:#fff;border:1px solid #e4c985;padding:6px 8px;font-size:11px}.song-sheet{border-top:1px solid var(--line);padding-top:8px}@media (max-width:720px){.song-directory-meta{flex-direction:column;align-items:start}.song-facts{grid-template-columns:1fr}.song-search input{width:100%}}.song-workspace{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px;margin-top:28px;display:grid}.song-sidebar{color:#fff;background:#17231e;border:1px solid #17231e;padding:17px;position:sticky;top:14px}.song-sidebar .song-search input{width:100%;min-width:0}.song-count{color:#d1dbd3;margin:16px 0 8px;font-size:13px}.song-count b{color:var(--lime);font:25px Georgia,serif}.song-sidebar .song-list{grid-template-columns:1fr;gap:6px;max-height:55vh;margin:0;padding-right:3px;display:grid;overflow:auto}.song-sidebar .song-list button{min-height:78px;padding:11px}.song-sidebar .song-list button b{font-size:17px}.song-sidebar .song-list button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.song-workspace .song-card{margin:0}.sheet-resource{border:1px solid var(--ink);color:var(--ink);background:#fff;margin:0 0 14px;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.song-sheet{scroll-behavior:auto}.song-sidebar .empty-library{font-size:13px;line-height:1.4}@media (max-width:760px){.song-workspace{grid-template-columns:1fr}.song-sidebar{position:static}.song-sidebar .song-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.song-sidebar .song-list button{min-height:92px}}@media (max-width:430px){.song-sidebar .song-list{grid-template-columns:1fr}}.song-timeline{border:1px solid var(--line);background:#edf2e9;margin:0 0 14px;padding:13px}.song-timeline .eyebrow{margin-bottom:9px}.song-timeline>div{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.song-timeline button{text-align:left;background:#fff;border:1px solid #c7d1c6;flex:1 0 80px;padding:8px}.song-timeline button.now{background:var(--lime);border-color:var(--lime)}.song-timeline b,.song-timeline small{display:block}.song-timeline b{font-size:12px}.song-timeline small{color:var(--muted);margin-top:3px;font-size:10px}.song-course{padding-top:42px}.song-course>h1{margin-bottom:18px;font-size:clamp(42px,5vw,64px)}.song-workspace{grid-template-columns:245px minmax(0,1fr);gap:24px;margin-top:0}.song-sidebar{border-color:var(--line);color:var(--ink);box-shadow:none;background:#e9eee6;padding:15px}.song-sidebar-head{justify-content:space-between;align-items:end;gap:10px;display:flex}.song-sidebar-head .eyebrow{margin:0}.song-sidebar .song-count{color:var(--muted);margin:0;font-size:11px}.song-sidebar .song-count b{color:var(--ink);font:23px Georgia,serif}.song-sidebar .song-search{color:var(--muted);margin:16px 0 10px}.song-sidebar .song-search input{background:#fff;border-color:#bec9b9}.song-sidebar .song-list{border-top:1px solid #cbd4c7;gap:0;max-height:60vh;padding:0}.song-sidebar .song-list button{min-height:71px;color:var(--ink);box-shadow:none;background:0 0;border-top:0;border-bottom:1px solid #cbd4c7;border-left:3px solid #0000;border-right:0;padding:10px 8px 10px 11px;transform:none}.song-sidebar .song-list button:hover{background:#f8faf6;transform:none}.song-sidebar .song-list button.sel{border-color:#cbd4c7 #cbd4c7 #cbd4c7 var(--orange);color:var(--ink);background:#fff;box-shadow:0 2px 8px #1a271e0f}.song-sidebar .song-list button small,.song-sidebar .song-list button.sel small{color:#68776d}.song-sidebar .song-list button span,.song-sidebar .song-list button.sel span{color:#526057}.song-sidebar .empty-library{color:var(--muted)}.song-detail{border:1px solid var(--line);background:#fff;min-width:0;padding:26px}.song-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.song-detail-head .eyebrow{margin-bottom:7px}.song-detail-head h2{margin:0;font-size:clamp(34px,4vw,51px);line-height:.98}.song-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:310px;display:flex}.song-summary span{border-top:2px solid var(--orange);background:#f4f7f2;min-width:105px;padding:8px 9px}.song-summary small{letter-spacing:.1em;color:var(--muted);font-size:9px;font-weight:700;display:block}.song-summary b{margin-top:4px;font-size:12px;font-weight:400;line-height:1.35;display:block}.song-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0;display:flex}.song-actions .tab-resource,.song-actions .sheet-resource{margin:0}.song-actions .tab-resource{background:var(--ink);color:var(--lime)}.song-actions .sheet-resource{border-color:var(--line);background:#fff}.chord-palette{border:1px solid var(--line);background:#f5f7f3;margin:15px 0;padding:13px 14px}.chord-palette .eyebrow{margin-bottom:10px}.chord-palette>div{flex-wrap:wrap;gap:7px;display:flex}.chord-palette span{background:#fff;border:1px solid #d1dad0;min-width:84px;padding:8px 10px}.chord-palette small{letter-spacing:.1em;color:var(--muted);font-size:8px;font-weight:700;display:block}.chord-palette b{margin-top:4px;font:19px Georgia,serif;display:block}.song-detail .amp-card{background:#fff8e9;margin:0 0 14px}.song-detail .song-timeline{background:#f4f7f2;margin-bottom:14px}.song-detail .song-sheet{border:1px solid var(--line);scroll-behavior:auto;background:#fff;max-height:440px;padding:14px 18px}.song-detail .song-sheet section{padding:14px 0}.song-practice-bar{background:#e9eee6;border:1px solid #d5ddd1;grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:20px;margin-top:14px;padding:16px 18px;display:grid}.song-practice-bar>div>p{margin:0 0 4px}.song-practice-bar .metronome{grid-template-columns:minmax(0,1fr) 122px;align-items:end;column-gap:18px;margin:0;display:grid}.song-practice-bar .bpm{grid-column:1}.song-practice-bar .bpm output{margin:0 0 7px;font:43px/.9 Georgia,serif;display:block}.song-practice-bar .bpm output small{color:var(--muted);margin-left:5px;font:10px Arial}.song-practice-bar .bpm input[type=range]{margin:8px 0}.song-practice-bar .bpm input[type=number]{width:88px;padding:6px}.song-practice-bar .meter-select{grid-area:1/2;justify-content:stretch;gap:6px;margin:0;display:grid}.song-practice-bar .meter-select select{width:100%}.song-practice-bar .beat-lights{grid-area:2/2;margin:8px 0}.song-practice-bar .metronome>.primary{white-space:nowrap;grid-area:3/2;padding:9px 7px;font-size:10px}.song-scroll-actions{gap:7px;display:grid}.song-scroll-actions button{justify-content:center}.song-scroll-actions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}.song-scroll-actions .primary:hover{background:#304238}.song-scroll-actions small{color:var(--muted);font-size:10px;line-height:1.35}@media (max-width:820px){.song-workspace{grid-template-columns:1fr}.song-sidebar{position:static}.song-sidebar .song-list{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:none}.song-sidebar .song-list button{border:1px solid #cbd4c7;min-height:86px}.song-sidebar .song-list button.sel{border-left-color:var(--orange)}.song-detail-head{flex-direction:column}.song-summary{justify-content:flex-start;max-width:none}.song-practice-bar{grid-template-columns:1fr}}@media (max-width:520px){.song-course{padding-top:28px}.song-detail{padding:18px}.song-sidebar .song-list{grid-template-columns:1fr}.song-practice-bar{padding:14px}.song-practice-bar .metronome{grid-template-columns:1fr}.song-practice-bar .meter-select,.song-practice-bar .beat-lights,.song-practice-bar .metronome>.primary{grid-area:auto/1}.song-practice-bar .meter-select{margin-top:10px}.song-practice-bar .metronome>.primary{justify-self:start}.chord-palette span{min-width:72px}}.song-summary{flex:0 0 212px;max-width:none}.song-summary span{flex:calc(50% - 4px);min-width:0}@media (max-width:820px){.song-summary{flex:initial}}.song-detail .song-sheet pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7}.song-detail-head{gap:16px}.song-detail-head h2{font-size:clamp(34px,3.5vw,45px);line-height:1.02}.song-summary{flex:0 0 180px;grid-template-columns:1fr;gap:7px;display:grid}.song-summary span{min-width:0;display:block}.song-timeline>div{flex-wrap:wrap;padding-bottom:0;overflow-x:visible}.song-timeline button{flex:84px;min-width:84px}.song-detail .song-sheet{overscroll-behavior:contain}@media (max-width:820px){.song-summary{flex:initial;grid-template-columns:none;display:flex}.song-summary span{flex:145px}.song-timeline button{min-width:78px}}