:root{--bg:#fbfaf7;--fg:#2a2622;--border:#ded7ca;--border-strong:#a89f8e;--muted:#6e655a;--accent:#9c4a3c;--chord:#864034;--highlight:#bc4d3b;--syllable-underline:#c9aa8e;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sidebar-right:max(.75rem, calc((100vw - 56rem) / 2 + .5rem))}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--serif);margin:0}button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.3rem .6rem}button:hover{color:var(--fg)}button[aria-pressed=true]{color:var(--accent)}textarea,input{font:inherit;color:var(--fg);background:0 0}.app-mark{z-index:5;color:#000;width:3.25rem;height:3.25rem;padding:0;text-decoration:none;display:block;position:fixed;top:1rem;left:1rem}.app-mark svg{width:100%;height:100%;display:block}@media (max-width:30rem){.app-mark{left:.45rem}}.empty-state{color:var(--muted);font-style:italic}.icon-button-tooltip{display:inline-flex;position:relative}.icon-button-tooltip>button:disabled{pointer-events:none}.icon-button-tooltip:after{content:attr(data-tooltip);background:var(--fg);width:max-content;max-width:min(18rem,100vw - 4rem);color:var(--bg);font-family:var(--sans);text-align:center;opacity:0;pointer-events:none;z-index:30;border-radius:.2rem;padding:.35rem .5rem;font-size:.8rem;line-height:1.2;transition:opacity .12s;position:absolute;top:50%;right:calc(100% + .6rem);transform:translateY(-50%)}.icon-button-tooltip[data-tooltip-side=right]:after{left:calc(100% + .6rem);right:auto}.icon-button-tooltip[data-tooltip-side=bottom]:after{transform:translateX(calc(-50% + var(--tooltip-shift,0px)));top:calc(100% + .6rem);left:50%;right:auto}.icon-button-tooltip[data-tooltip-side=top]:after{transform:translateX(calc(-50% + var(--tooltip-shift,0px)));inset:auto auto calc(100% + .6rem) 50%}@media (hover:hover){.icon-button-tooltip:hover:after{opacity:1}}.icon-button-tooltip:has(:focus-visible):after{opacity:1}@media (max-width:30rem){html,body{max-width:100%;overflow-x:hidden}.song-wrapper{overflow-x:clip}}
body{min-height:100svh}.page-shell{max-width:1024px;margin:0 auto;padding:1.5rem}@media (max-width:60rem){.page-shell{padding-top:5.5rem;padding-left:1.25rem;padding-right:1.25rem}}@media (max-width:30rem){.page-shell{padding-left:1rem;padding-right:1rem}}@media print{.page-shell{max-width:none;margin:0;padding:0}}.skeleton{color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default;border-radius:3px;line-height:1.5;animation:1s infinite alternate-reverse skeleton-pulse}@keyframes skeleton-pulse{0%{background-color:#0000330f}to{background-color:#00002d17}}
.auth-modal__hint{font-family:var(--sans);color:var(--muted);font-size:.85rem;line-height:1.4}.auth-modal__hint p{margin:0}.auth-modal__hint p+p{margin-top:1em}.auth-modal__form{flex-direction:column;gap:.9rem;display:flex}.auth-modal__field{font-family:var(--sans);color:var(--muted);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.auth-modal__field input{font-family:var(--sans);color:var(--fg);border:1px solid var(--border-strong);border-radius:.3rem;padding:.5rem .6rem;font-size:.95rem}.auth-modal__field input:focus{border-color:var(--fg);outline:none}.auth-modal__message{font-family:var(--sans);color:var(--fg);font-size:.9rem;line-height:1.4}.auth-modal__sent-title{align-items:center;gap:.45rem;display:inline-flex}.auth-modal__sent-title svg{width:1.15em;height:1.15em}.auth-modal__submit{font-family:var(--sans);color:var(--bg);background:var(--fg);text-align:center;border-radius:.3rem;margin-top:.2rem;padding:.55rem .8rem;font-size:.9rem;font-weight:600}.auth-modal__submit:hover{color:var(--bg);opacity:.85}.auth-modal__submit:disabled{opacity:.5;cursor:default}