@font-face{font-family:Reader Atkinson;src:url(/assets/reader-fonts/AtkinsonHyperlegibleNext-Variable.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Reader Lexend;src:url(/assets/reader-fonts/Lexend-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Reader Courier;src:local(Courier-Bold);font-weight:700;font-style:normal}@font-face{font-family:Reader Georgia;src:local(Georgia-Bold);font-weight:700;font-style:normal}.reader-font-scope{--reader-chord-family:"Reader Atkinson", sans-serif;--reader-chord-weight:600;--reader-chord-scale:.948104;--reader-lyric-family:"Reader Lexend", sans-serif;--reader-accidental-scale:.855}.reader-font-scope[data-chord-font=courier]{--reader-chord-family:"Reader Courier", Courier, ui-monospace, monospace;--reader-chord-weight:700;--reader-chord-scale:1.07909;--reader-accidental-scale:.75122}.reader-font-scope[data-chord-font=georgia]{--reader-chord-family:"Reader Georgia", Georgia, serif;--reader-chord-weight:700;--reader-chord-scale:.914071;--reader-accidental-scale:.886833}.reader-font-scope[data-lyric-font=system]{--reader-lyric-family:-apple-system, BlinkMacSystemFont, system-ui, sans-serif}.reader-font-controls{min-width:0;color:var(--foreground);border:0;margin:24px 0 0;padding:0}.reader-font-controls legend{margin-bottom:12px;font-size:16px;font-weight:650}.reader-font-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reader-font-fields>div{gap:6px;min-width:0;display:grid}.reader-font-fields label{gap:6px;min-width:0;font-size:14px;font-weight:600;display:grid}.reader-font-fields select{border:1px solid var(--input);background:var(--card);width:100%;min-width:0;min-height:46px;color:var(--foreground);border-radius:12px;padding:10px 28px 10px 12px;font:500 16px/1.4 Manrope,sans-serif}.reader-font-fields select:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.reader-font-controls p{color:var(--muted-foreground);margin-top:10px;font:400 14px/1.5 Manrope,sans-serif}.reader-font-scope .word-pair,.reader-font-scope .demo-chart-token,.reader-font-scope .music-token{font-family:var(--reader-lyric-family);font-size-adjust:.525;font-synthesis:none;letter-spacing:0;font-weight:500}.reader-font-scope .word-pair>b,.reader-font-scope .demo-chart-token>b,.reader-font-scope .music-token>b{font-family:var(--reader-chord-family);font-weight:var(--reader-chord-weight);font-size:calc(1em * var(--reader-chord-scale));font-size-adjust:none;font-synthesis:none;letter-spacing:0;line-height:1.45}.reader-font-scope .demo-chords b{font-family:var(--reader-chord-family);font-weight:var(--reader-chord-weight);font-size:calc(var(--demo-chord-size) * var(--reader-chord-scale));font-synthesis:none}.reader-accidental{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:calc(1em * var(--reader-accidental-scale));font-size-adjust:none;font-weight:600}.pace-reader-content>section{border-left:3px solid #0000;margin-left:1px;padding:12px 14px;position:relative}.pace-reader-content>section[data-focused=true]{border-left-color:var(--primary);background:var(--secondary);border-radius:0 8px 8px 0}.pace-position{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.pace-position button{border:1px solid var(--input);background:var(--card);min-height:44px;color:var(--primary);border-radius:10px;padding:8px 12px;font-weight:600}.journey-reader .journey-chart{border-left:3px solid var(--primary);border-radius:0}.journey-reader.is-dark .journey-chart{border-left-color:#e3a544}@media (max-width:520px){.reader-font-fields{grid-template-columns:1fr;gap:12px}}.approved-screen{background:#f6f7f9;border:6px solid #28363b;border-radius:42px}.app-preview-states{border:0;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px;padding:0;display:flex}.app-preview-states button{border:1px solid var(--input);background:var(--card);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:999px;padding:8px 12px;font:600 13px/1.4 Manrope,sans-serif}.app-preview-states button[aria-pressed=true]{color:#fff;background:#176d79;border-color:#176d79}.app-preview-states button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.night-state-switch{margin-top:-4px}.night-state-switch button{color:#d3dcdf;background:0 0;border-color:#52636b}.night-state-switch button[aria-pressed=true]{color:#10191c;background:#e3a544;border-color:#e3a544}.reader-font-scope .pace-section{--reader-unit-size:25px}.reader-font-scope .arrangement-section{--reader-unit-size:24px}.reader-font-scope .result-lines{--reader-unit-size:21px}.reader-font-scope .journey-chart{--reader-unit-size:var(--sample-size)}.reader-font-scope .demo-chart-token{font-size:var(--reader-unit-size,21px)}.reader-font-scope .feature-demo .demo-chart-token>b,.reader-font-scope .journey-chart .demo-chart-token>b,.reader-font-scope .result-lines .demo-chart-token>b{font-size:calc(var(--reader-unit-size,21px) * var(--reader-chord-scale))}.reader-font-scope .feature-demo .demo-chart-token>span,.reader-font-scope .journey-chart .demo-chart-token>span,.reader-font-scope .arrangement-section .section-demo-preview .demo-chart-token>span{font-size:inherit}.reader-font-scope .capo-section .capo-play .demo-chords b{font-size:calc(37px * var(--reader-chord-scale))}.reader-font-scope .capo-section .capo-hear .demo-chords b{font-size:calc(25px * var(--reader-chord-scale))}@media (max-width:700px){.reader-font-scope .pace-section,.reader-font-scope .arrangement-section{--reader-unit-size:23px}}.reader-font-scope .demo-chart-token{max-width:100%}.reader-font-scope .demo-chart-token>span{overflow-wrap:anywhere}.reader-font-fields select:disabled{opacity:.6}.reader-font-scope .key-section .demo-chords b{font-size:calc(37px * var(--reader-chord-scale))}.reader-font-scope .pace-section .pace-controls{margin:0 18px 18px}@media (max-width:700px){.reader-font-scope .key-section .demo-chords b{font-size:calc(33px * var(--reader-chord-scale))}.reader-font-scope .capo-section .capo-play .demo-chords b{font-size:calc(24px * var(--reader-chord-scale))}.reader-font-scope .capo-section .capo-hear .demo-chords b{font-size:calc(21px * var(--reader-chord-scale))}}@media (max-width:360px){.reader-font-scope .key-section .key-stepper{gap:12px}.reader-font-scope .key-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.reader-font-scope .pace-section .pace-controls{border-radius:20px;flex-direction:column;align-items:stretch;gap:8px}.reader-font-scope .pace-section .pace-tempo{justify-content:space-around;width:100%}.reader-font-scope .pace-section .pace-tempo button{flex:1;padding-inline:8px;font-size:13px}}