:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f1e7;--panel:#fcf9f3;--border:#e3daca;--text:#33302a;--muted:#6b6458;--accent:#4e6b4a;--accent-soft:#e4eadb;--danger:#a3402f;--danger-soft:#f6e3dc;--dg-line:#b5a992;--dg-nut:#5a5348;--dg-dot:#33302a;--dg-marker:#6b6458;--video:#1f1c19;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;font:17px/1.45 var(--font-body)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#211e1a;--panel:#2a2621;--border:#3b362e;--text:#ede6d8;--muted:#a79f90;--accent:#a3bf9a;--accent-soft:#343c30;--danger:#e29a88;--danger-soft:#40291f;--dg-line:#5e574b;--dg-nut:#bdb4a3;--dg-dot:#ede6d8;--dg-marker:#a79f90}}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-state{background:var(--danger-soft);border-radius:var(--r-lg);padding:var(--s-4) 20px;color:var(--danger);margin:12px 0 0;font-size:15px}.top-bar{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:44px;display:flex}.back-link{align-items:center;gap:var(--s-1);min-height:44px;padding-right:var(--s-2);color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{text-underline-offset:3px;text-decoration:underline}.icon{flex:none;display:block}.home-page{gap:var(--s-6);flex-direction:column;max-width:480px;margin:0 auto;padding:72px 16px 40px;display:flex}@media (width>=768px){.home-page{gap:40px;max-width:640px;padding-top:80px}}.app-header h1{font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 6px;font-size:34px;font-weight:500;line-height:1.2}@media (width>=768px){.app-header h1{font-size:44px}}.tagline{color:var(--muted);margin:0}.list-heading{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:0 4px 8px;font-size:15px;display:flex}.song-list{margin:0;padding:0;list-style:none}.song-list a{align-items:center;gap:var(--s-3);box-sizing:border-box;border-bottom:1px solid var(--border);min-height:60px;color:var(--text);padding:10px 4px;text-decoration:none;display:flex}.song-title{min-width:0;font-family:var(--font-display);flex:1;font-size:19px;line-height:1.25}.song-capo{color:var(--muted);font-size:14px}.song-list a .icon{color:var(--muted)}.song-list a:hover .song-title{color:var(--accent)}.footnote{color:var(--muted);margin:0;font-size:14px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;display:flex}.empty-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:500}.empty-state p{color:var(--muted);margin:0}.error-banner{background:var(--danger-soft);border-radius:var(--r-lg);flex-direction:column;align-items:flex-start;gap:14px;padding:20px;display:flex}.error-heading{color:var(--danger);align-items:center;gap:10px;display:flex}.error-detail{overflow-wrap:anywhere;margin:0;font-size:15px}.error-retry{border:1px solid var(--danger);border-radius:var(--r-md);min-height:44px;color:var(--danger);cursor:pointer;background:0 0;padding:0 18px;font-size:16px;font-weight:600}.error-help{color:var(--muted);margin:0;font-size:15px}.chord-diagram svg{max-width:100%;height:auto}.chord-help{position:relative}.chord-help-trigger{border:1px solid var(--border);background:var(--panel);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:19px;font-weight:600;line-height:1;display:flex}.chord-help-trigger:hover,.chord-help-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.chord-help-popover{box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);z-index:20;width:min(360px,100vw - 32px);padding:12px 20px 20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #33302a2e}.chord-help-heading{justify-content:space-between;align-items:center;margin-right:-8px;display:flex}.chord-help-heading h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:500}.chord-help-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chord-help-legend{flex-direction:column;gap:10px;margin:8px 0 14px;padding:0;font-size:16px;list-style:none;display:flex}.chord-help-legend li{align-items:center;gap:var(--s-3);display:flex}.chord-help-glyph{box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin:0 4px;display:flex}.chord-help-glyph-dot{background:var(--dg-dot);border-radius:50%}.chord-help-glyph-ring{border:2px solid var(--dg-dot);border-radius:50%}.chord-help-glyph-open{border:1.5px solid var(--dg-marker);border-radius:50%;width:13px;height:13px;margin:0 5px}.chord-help-glyph-text{color:var(--dg-marker);font-size:22px;line-height:1}.chord-help-note{margin:0 0 14px;line-height:1.45}.chord-help-contact{color:var(--muted);margin:0}.chord-help-contact a{color:var(--accent);font-weight:600;display:block}.song-page{max-width:480px;margin:0 auto;padding:16px 16px 48px}@media (width>=768px){.song-page{max-width:704px}}@media (width>=1024px){.song-page{max-width:960px;padding-top:24px}}.song-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""player""chords";gap:12px;margin-top:4px;display:grid}@media (width>=1024px){.song-layout{grid-template:"player chords""heading chords"1fr/minmax(0,1fr) 304px;gap:20px 16px;margin-top:12px}}.song-heading{grid-area:heading}.song-heading h1{font-family:var(--font-display);margin:0 0 8px;font-size:24px;font-weight:500;line-height:1.2}@media (width>=1024px){.song-heading h1{font-size:32px}}.song-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.capo-note{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-sm);padding:4px 10px;font-size:15px;font-weight:600}.song-stats{color:var(--muted);font-size:15px}.player-wrap{aspect-ratio:16/9;background:var(--video);border:1px solid var(--border);border-radius:var(--r-md);grid-area:player;width:100%;position:relative;overflow:hidden}.player-wrap iframe{width:100%;height:100%}.chord-column{grid-area:chords;align-items:flex-start;gap:16px;display:flex}@media (width>=1024px){.chord-column{flex-direction:column;align-items:stretch}}.now-card{box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;flex:1.7;gap:4px;min-width:0;padding:16px;display:flex}.chord-label{color:var(--muted);align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.now-label{color:var(--accent)}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.now-name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:44px;font-weight:500;line-height:1.15}.now-name.long{font-size:34px}@media (width>=1024px){.now-name,.now-name.long{font-size:45px}}.now-diagram{justify-content:center;min-height:190px;padding-top:4px;display:flex}.now-diagram .chord-diagram svg{width:100%;max-width:180px;transition:opacity .4s}.next-block{min-width:0;color:var(--text);flex-direction:column;flex:1;padding-top:17px;display:flex}@media (width>=1024px){.next-block{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:0 16px}}.next-name{font-family:var(--font-display);overflow-wrap:anywhere;margin-top:4px;font-size:21px;font-weight:500;line-height:1.2}@media (width>=1024px){.next-name{font-size:23px}}.next-diagram{justify-content:center;padding-top:6px;display:flex}.next-diagram .chord-diagram svg{width:100%;max-width:124px}@media (width>=1024px){.next-diagram{padding-top:0}.next-diagram .chord-diagram svg{max-width:84px}}.chord-list-toggle{border:none;border-bottom:1px solid var(--border);width:100%;min-height:48px;color:var(--accent);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-top:12px;padding:0 4px;font-size:17px;font-weight:600;display:flex}@media (width>=1024px){.chord-list-toggle{margin-top:20px}}.chord-list-scroller{max-height:314px;margin-top:12px;position:relative;overflow-y:auto}.chord-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 8px;margin:0;padding:0;list-style:none;display:grid}.chord-list button{border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 12px;font-size:17px;display:flex}.chord-list button:hover{border-color:var(--accent)}.chord-list button.active{background:var(--accent-soft);color:var(--text);font-weight:600}.chord-list button.active .icon{color:var(--accent)}.chord-item-name{flex:1;min-width:0}.chord-item-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}