@font-face{font-family:Inter;src:url('/fonts/inter-cyr.woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:Inter;src:url('/fonts/inter-lat.woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('/fonts/unbounded-cyr.woff2');font-weight:200 900;font-display:swap;unicode-range:U+0400-04FF}
@font-face{font-family:Unbounded;src:url('/fonts/unbounded-lat.woff2');font-weight:200 900;font-display:swap}
:root{--ink:#22333d;--muted:#657078;--line:#dce2e4;--accent:#195561;--alt:#83531f;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,input:focus-visible{outline:3px solid #a37330;outline-offset:5px}h1,h2,p,figure{margin:0}a,button,label{-webkit-tap-highlight-color:transparent}.draft-note{background:#eae1d1;color:#654b27;text-align:center;font-size:12px;letter-spacing:.04em;padding:7px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100% - 1120px)/2));background:#09090c;color:#e8e7e4}.brand{font:800 24px Unbounded,Arial,sans-serif;text-decoration:none;color:#d9b98a}.brand span{display:block;font:11px/1.6 Inter,Arial,sans-serif;color:#a7a7ac;margin-top:6px}.back-link{font-size:13px;text-decoration:none}.back-link span{margin-left:12px;color:#d9b98a}main{max-width:1120px;margin:auto;padding:28px 24px 68px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:36px}.breadcrumbs a{text-decoration:none}.article-header{display:grid;grid-template-columns:1fr 138px;gap:44px;align-items:start}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent);font-weight:700;margin-bottom:14px}h1{font:650 clamp(26px,3.2vw,40px)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.04em}.subtitle{font-size:16px;color:var(--muted);margin-top:14px}.intro{max-width:720px;margin-top:20px;font-size:15px;line-height:1.8}.author{font-size:12px;margin-top:16px;color:var(--muted)}.cover{width:138px;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:7px;box-shadow:0 7px 22px #172a3314}.article-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0 38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 18px;border:1px solid #bac6c9;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;background:#fff}.button:hover{border-color:var(--accent)}.button--primary{background:var(--accent);border-color:var(--accent);color:white}.listen-link{font-size:13px;margin-left:10px}.article-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}.contents{position:sticky;top:24px;font-size:12px;color:var(--muted)}.contents>p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.contents nav{display:grid;gap:7px}.contents nav a{text-decoration:none;padding:2px 0}.contents nav a:hover{color:var(--accent)}.pdf-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:grid;gap:8px}.pdf-note strong{color:var(--ink)}.pdf-note a{color:var(--accent)}.score{background:white;border:1px solid var(--line);border-radius:8px;padding:34px 38px;min-width:0;box-shadow:0 8px 26px #152c3605}.score-intro{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.settings{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:600;font-size:13px;margin-bottom:14px}.score-intro p{font-size:12px;font-style:italic;color:var(--muted);margin-top:8px;line-height:1.8}.reader-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:12px}.reader-controls label{display:flex;align-items:center;gap:7px;cursor:pointer}.reader-controls input{accent-color:var(--accent);width:16px;height:16px}.reader-controls a{color:var(--accent)}.song-section{margin-bottom:30px;scroll-margin-top:24px}h2{font-size:18px;line-height:1.4;color:var(--accent);margin-bottom:18px}.lyric-pair{margin:0 0 17px;break-inside:avoid}.lyric-pair p{font-size:15px;line-height:1.7;overflow-wrap:break-word}.chord-row{display:grid;grid-template-columns:40px 1fr;gap:5px;align-items:baseline;color:var(--accent);line-height:1.6}.chord-row--alt{color:var(--alt)}.chord-label{font-size:10px;font-weight:650}.chord-sequence{font-family:Consolas,'Courier New',monospace;font-weight:700;font-size:15px;display:flex;gap:9px;flex-wrap:wrap}.chord-sequence a{text-decoration:none}.chord-sequence a:hover{text-decoration:underline}.hide-alternatives .chord-row--alt{display:none}.repeat-note{font-size:11px;font-style:italic;color:var(--muted);margin-top:-5px}.diagrams{border-top:1px solid var(--line);padding-top:30px;margin-top:38px}.diagram-note{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.chord-card{border:1px solid var(--line);background:#fafcfc;border-radius:5px;padding:12px 6px 2px;color:var(--accent);scroll-margin-top:24px}.chord-card:target{outline:2px solid #b7894c;background:#fff9ef}.chord-card figcaption{text-align:center;font-size:19px;font-weight:700}.chord-card svg{width:100%;height:auto;fill:currentColor}.bottom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}.bottom-actions>a:last-child{font-size:12px;margin-left:auto}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;max-width:1072px;margin:auto;padding:24px 0 38px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.article-layout{grid-template-columns:145px minmax(0,1fr);gap:20px}.score{padding:26px}.chord-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover{width:112px}.article-header{grid-template-columns:1fr 112px;gap:24px}.site-footer{margin:0 24px}}
@media(max-width:650px){main{padding:22px 18px 40px}.site-header{padding:20px 18px}.brand{font-size:21px}.brand span{font-size:9px}.back-link{font-size:12px}.breadcrumbs{font-size:11px;margin-bottom:26px}.article-header{grid-template-columns:1fr;gap:18px}.cover{display:none}h1{font-size:28px;line-height:1.35}.intro{font-size:14px}.article-actions{margin:24px 0;gap:8px}.button{padding:11px 13px;font-size:12px;gap:12px}.listen-link{margin:8px 0 0;width:100%}.article-layout{display:block}.contents{position:static;margin-bottom:22px}.contents nav{display:flex;gap:6px 16px;flex-wrap:wrap}.contents>p{margin-bottom:8px}.pdf-note{display:none}.score{padding:22px 16px}.settings{font-size:12px;gap:7px}.score-intro{margin-bottom:26px}.score-intro p{font-size:11px}.lyric-pair p{font-size:14px}.chord-row{grid-template-columns:34px 1fr;gap:3px}.chord-sequence{gap:7px;font-size:14px}.chord-label{font-size:9px}.chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-actions>a:last-child{margin:8px 0 0;width:100%}.site-footer{margin:0 18px}}
@media print{body{background:#fff;font-size:11pt}.draft-note,.site-header,.breadcrumbs,.article-actions,.contents,.reader-controls,.bottom-actions,.site-footer,.cover{display:none}.article-header,.article-layout{display:block}main{max-width:none;padding:0}.score{padding:20px 0;border:0;box-shadow:none}.chord-sequence a{text-decoration:none}.chord-card{break-inside:avoid}.chord-grid{grid-template-columns:repeat(4,1fr)}h1{font-size:22pt}h2{break-after:avoid}.song-section{margin-bottom:20px}}

.article-nav{display:flex;gap:24px;align-items:center}.site-footer{flex-wrap:wrap;gap:20px}@media(max-width:650px){.article-nav{flex-direction:column;align-items:flex-end;gap:8px;font-size:12px}}

/* Match the artist site; the printable PDF keeps its approved paper layout. */
/* Explicit light-button foreground avoids inheriting the dark-page text color. */
.button{color:#060608}
@font-face{font-family:Tektur;font-weight:400 900;src:url('/fonts/tektur-cyr.woff2');unicode-range:U+0400-04FF}
@font-face{font-family:Tektur;font-weight:400 900;src:url('/fonts/tektur-lat.woff2')}
@media screen{
:root{--ink:#f4f5f7;--muted:#a0a0a5;--line:rgba(244,245,247,.12);--accent:#d9b98a;--alt:#c5b6a2}
body{background:#060608;color:var(--ink)}.site-header{background:#060608}.brand{color:var(--ink)}.brand span{display:none}.draft-note{background:#060608;color:var(--muted);letter-spacing:0}.score{background:#0c0d12;border-radius:20px}.chord-card{background:#0c0d12;color:var(--accent)}.chord-card:target{background:#24201b}.button{border-radius:999px;font:13px/1.4 Tektur,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:14px 22px;border-color:rgba(244,245,247,.22)}.button--primary{background:#f4f5f7;color:#060608;border-color:#f4f5f7}.button:hover{background:#292722;color:#d9b98a}.eyebrow,.back-link{font-family:Tektur,Arial,sans-serif}.eyebrow{color:var(--muted);letter-spacing:.08em}h1{font-weight:800;text-transform:uppercase;letter-spacing:-.03em}.score-intro,.diagrams,.site-footer{border:0}.pdf-note{border:0;background:none}.settings span{background:none;border:0;padding:0}.contents a:hover{color:var(--accent)}
}

h1,.breadcrumbs,.article-header{overflow-wrap:anywhere}.article-header>div{min-width:0}.site-footer{flex-wrap:wrap}
.chord-feedback{margin:36px 0 0 auto;max-width:850px;padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:#0c0d12;scroll-margin-top:24px}
.chord-feedback>summary{cursor:pointer;color:var(--accent);font:15px/1.5 Tektur,Arial,sans-serif;width:fit-content}
.chord-feedback>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.feedback-form{display:grid;gap:18px;margin-top:24px}.feedback-form label{display:grid;gap:7px;font-size:13px}.feedback-form label>span{color:var(--muted)}
.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;min-width:0;padding:12px;border:1px solid #57575e;border-radius:8px;background:#060608;color:#f4f5f7;font:15px/1.5 Inter,Arial,sans-serif}
.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:#a0a0a5;opacity:1}.feedback-form textarea{resize:vertical}.feedback-form :is(input,select,textarea,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.feedback-song{font-weight:600}.feedback-help,.feedback-status{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.feedback-status:empty{display:none}
.feedback-form .feedback-trap{display:none}.feedback-form button:disabled{opacity:.55;cursor:default}
.feedback-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.feedback-actions button{cursor:pointer}.feedback-copy{border:0;padding:8px 0;background:none;color:var(--accent);font:13px/1.5 Tektur,Arial,sans-serif}
@media(max-width:650px){.chord-feedback{padding:20px 16px}.feedback-form input,.feedback-form select,.feedback-form textarea{font-size:16px}}
@media print{.chord-feedback,[data-open-feedback]{display:none}}