:root{--color-bg:#faf5e9;--color-surface:#fff;--color-text:#241f2b;--color-muted:#5d564a;--color-border:#e7dfc8;--color-border-strong:#8a7a55;--color-accent:#47066b;--color-chord:green}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#191322;--color-surface:#251c31;--color-text:#ece7db;--color-muted:#aaa295;--color-border:#403653;--color-border-strong:#8e84a8;--color-accent:#c89ce4;--color-chord:#58c958}}:root[data-theme=dark]{--color-bg:#191322;--color-surface:#251c31;--color-text:#ece7db;--color-muted:#aaa295;--color-border:#403653;--color-border-strong:#8e84a8;--color-accent:#c89ce4;--color-chord:#58c958}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:48rem;margin:0 auto;padding:1rem}main.full-width{max-width:none;padding:1rem 1.5rem}:root:not([data-sheet-mode=multi]) body.song-page main.full-width{max-width:60rem}a{color:var(--color-accent)}h1{line-height:1.2}.site-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}.site-header nav{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.site-header .brand{letter-spacing:.02em;font-weight:700;text-decoration:none}#chords-toggle{margin-left:auto}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);padding:1rem;font-size:.85rem}@media (width<=40rem){.site-header{justify-content:center;row-gap:.5rem}.site-header nav{justify-content:center}.site-header a{padding:.5rem .25rem;display:inline-block}#chords-toggle,#theme-toggle{margin-left:0;padding:.55rem .8rem}}.btn{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:.5rem;padding:.2rem .6rem}.btn:hover{border-color:var(--color-accent)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root:not([data-chords=on]) .chord-sheet .chord,:root:not([data-chords=on]) .chord-sheet .grid,:root:not([data-chords=on]) .chord-strip,:root:not([data-chords=on]) .transpose,:root:not([data-chords=on]) .chord-popover,:root:not([data-chords=on]) .key-info{display:none}.song-meta{color:var(--color-muted)}.copyright-notice{font-size:.85rem}.song-list{padding:0;list-style:none}.song-list a,.tag{padding:.55rem 0;display:inline-block}@media (width>=40rem){.song-list li{padding:.25rem 0}.song-list a,.tag{padding:0}}.tag{margin-right:.5rem}.sheet-controls{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:.75rem 0;display:flex}.song-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;display:flex}.song-toolbar header{flex-wrap:wrap;align-items:baseline;gap:0 .75rem;display:flex}.song-toolbar h1{margin:0;font-size:1.35rem}.song-toolbar .song-meta{margin:0;font-size:.9rem}.song-toolbar .sheet-controls{margin:0}:root[data-focus=on] body.song-page .site-header,:root[data-focus=on] body.song-page .site-footer,:root[data-focus=on] body.song-page .song-toolbar .song-meta{display:none}:root[data-sheet-mode=multi] body.song-page .sheet-viewport{overflow:hidden}:root[data-sheet-mode=multi] body.song-page .chord-sheet{columns:24em;column-fill:auto;column-gap:2.5rem;height:100%}:root[data-sheet-mode=multi] body.song-page .sheet-viewport.sheet-viewport-overflow{overflow-x:auto}:root[data-sheet-mode=multi] body.song-page .chord-strip,:root[data-sheet-mode=multi] body.song-page .copyright-notice,:root[data-sheet-mode=multi] body.song-page .autoscroll{display:none}.transpose,.autoscroll{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.transpose .btn,.autoscroll .btn{min-width:2.75rem;min-height:2.75rem}.transpose-state,.scroll-state{text-align:center;min-width:4.5rem;color:var(--color-muted)}@media print{.sheet-controls{display:none}}.chord-sheet .chord:not(:last-child){padding-right:10px}.chord-sheet .paragraph{margin-bottom:1em}.chord-sheet .row{flex-wrap:wrap;display:flex}.chord-sheet .word{break-inside:avoid;display:inline-flex}.chord-sheet.trailing-chords .chord:empty,.chord-sheet.trailing-chords .lyrics:empty{display:none}.chord-sheet.trailing-chords .row{align-items:flex-end}:root[data-chords=on] .chord-sheet.trailing-chords .word:has(.lyrics:empty){margin-left:1.5em}:root:not([data-chords=on]) .chord-sheet .lyrics{white-space:pre-wrap}.chord-sheet .chord:after,.chord-sheet .lyrics:after{content:"​"}.chord-sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem 1.25rem}@media (width<=40rem){.sheet-controls{gap:.5rem .75rem}.transpose-state,.scroll-state{min-width:3.5rem}.chord-sheet{padding:.75rem}:root[data-chords=on] .chord-sheet{font-size:.85rem}.chord-sheet .chord:not(:last-child){padding-right:6px}}.chord-sheet .chord{color:var(--color-chord);cursor:pointer;font-weight:600}.chord-sheet .chord:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chord-sheet .paragraph.chorus{border-left:3px solid var(--color-accent);padding-left:.75rem}.chord-sheet .paragraph.bridge{border-left:3px solid var(--color-border-strong);padding-left:.75rem}.chord-sheet .label{margin:0 0 .25rem;font-size:1rem;font-weight:600}.chord-sheet .comment{color:var(--color-muted);font-style:italic}.chord-sheet h1.title{display:none}.chord-strip{margin:.75rem 0}.chord-strip summary{cursor:pointer;color:var(--color-accent)}.chord-grid{flex-wrap:wrap;gap:.5rem;padding:.5rem 0;display:flex}.chord-card{width:5.5rem;margin:0}.chord-card svg{width:100%;height:auto}.chord-popover{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;width:6.5rem;padding:.25rem;position:absolute;box-shadow:0 4px 12px #00000026}.pf-dropdown-clear[aria-disabled=true]{display:none!important}@media print{.site-header,.site-footer,nav{display:none}body{color:#000;background:#fff}.chord-sheet{border:none;padding:0}.chord-sheet .paragraph{break-inside:avoid}:root[data-focus=on] body.song-page .song-toolbar .song-meta,:root[data-sheet-mode=multi] body.song-page .chord-strip,:root[data-sheet-mode=multi] body.song-page .copyright-notice{display:block}body.song-page .sheet-viewport{overflow:visible;height:auto!important}:root[data-sheet-mode=multi] body.song-page .chord-sheet{columns:auto;font-size:inherit!important}}