:root{--color-bg: #faf5e9;--color-surface: #ffffff;--color-text: #241f2b;--color-muted: #5d564a;--color-border: #e7dfc8;--color-border-strong: #8a7a55;--color-accent: #47066b;--color-chord: #008000}@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{margin:0;background:var(--color-bg);color:var(--color-text);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{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.site-header nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem}.site-header .brand{font-weight:700;text-decoration:none;letter-spacing:.02em}#chords-toggle{margin-left:auto}@media(max-width:40rem){.site-header{justify-content:center;row-gap:.5rem}.site-header nav{justify-content:center}.site-header a{display:inline-block;padding:.5rem .25rem}#chords-toggle,#theme-toggle{padding:.55rem .8rem;margin-left:0}}.btn{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:.5rem;padding:.2rem .6rem;cursor:pointer}.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{list-style:none;padding:0}.song-list a,.tag{display:inline-block;padding:.55rem 0}@media(min-width:40rem){.song-list li{padding:.25rem 0}.song-list a,.tag{padding:0}}.tag{margin-right:.5rem}.sheet-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:.75rem 0}.song-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1.5rem}.song-toolbar header{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem}.song-toolbar h1{font-size:1.35rem;margin:0}.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 .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{height:100%;columns:24em;column-gap:2.5rem;column-fill:auto}: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{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.transpose .btn,.autoscroll .btn{min-width:2.75rem;min-height:2.75rem}.transpose-state,.scroll-state{min-width:4.5rem;text-align:center;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{display:flex;flex-wrap:wrap}.chord-sheet .word{display:inline-flex;break-inside:avoid}:root:not([data-chords=on]) .chord-sheet .lyrics{white-space:pre-wrap}.chord-sheet .chord:after{content:"​"}.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(max-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{font-weight:600;color:var(--color-chord);cursor:pointer}.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{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.chord-card{margin:0;width:5.5rem}.chord-card svg{width:100%;height:auto}.chord-popover{position:absolute;z-index:20;width:6.5rem;padding:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 12px #00000026}.pf-dropdown-clear[aria-disabled=true]{display:none!important}@media print{.site-header,nav{display:none}body{background:#fff;color:#000}.chord-sheet{border:none;padding:0}.chord-sheet .paragraph{break-inside:avoid}:root[data-focus=on] body.song-page .song-toolbar .song-meta{display:block}: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{height:auto!important;overflow:visible}:root[data-sheet-mode=multi] body.song-page .chord-sheet{columns:auto;font-size:inherit!important}}