@font-face{font-family:SongInter;src:url(/song-assets/Inter.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--font-app:SongInter,Inter,sans-serif;--color-canvas:#0a0a0a;--color-surface:#1c1c1c;--color-paper:#fff;--color-soft:#f2f2f2;--color-accent:#2f5bff;--color-muted:#6b6b6b;--color-muted-dark:#9a9a9a;--color-focus:#7997ff;--radius-card:30px;--radius-control:24px;--radius-input:16px;--radius-pill:999px;--space-page:14px;--space-content:22px;--space-card:22px;--space-stack:8px;--size-icon-button:44px;--size-button:48px;--font-title:54px;--font-section:20px;--font-body:14px;--font-caption:12px;--font-button:13px}:where([data-song-screen],[data-home-screen]) :where(button,input,textarea,select){font-family:var(--font-app)}:where([data-song-screen],[data-home-screen]) :where(button,a,summary,input,textarea,select):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}:where([data-song-screen],[data-home-screen]) :where(button:disabled){cursor:not-allowed}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{max-width:52rem;margin:2rem auto;padding:0 1rem;font-family:system-ui,sans-serif;line-height:1.6}main{margin-top:2rem}main:focus{outline:none}a:focus-visible{outline-offset:4px;outline:3px solid}.skip-link{position:absolute;left:-10000px}.skip-link:focus{position:static}label{margin-top:1rem;display:block}textarea{box-sizing:border-box;width:100%;font:inherit;margin:.5rem 0 1rem;display:block}button,select{font:inherit}small{font-size:.85em}html:has([data-song-screen],[data-home-screen]){background:var(--color-canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has([data-song-screen],[data-home-screen]){background:var(--color-canvas);max-width:none;margin:0;padding:0}body:has([data-song-screen],[data-home-screen])>main{margin:0}body:has([data-chart-reader]){background:#fff}html:has([data-chart-reader]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width:600px){body :is([data-song-screen],[data-home-screen]) :is(input,textarea,select){font-size:16px}:is([data-song-screen],[data-home-screen]){min-width:0}body:has([data-song-screen],[data-home-screen]){overflow-wrap:break-word}}