:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f4ef;--paper:#fffefa;--ink:#202d30;--muted:#627174;--line:#d8e0dd;--accent:#286b65;--accent-ink:#fff;--error:#953a3a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{min-width:320px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1120px;margin:auto;padding:28px clamp(20px,5vw,72px)}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.2rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:37px;height:37px;font-size:1.45rem;display:inline-grid}.hero{min-height:100svh}.hero-content{max-width:760px;padding:clamp(100px,18vh,210px) 0 80px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;font-size:.8rem;font-weight:750}h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(2.5rem,6vw,5.1rem);line-height:1.07}.lede{max-width:610px;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{background:var(--accent);min-height:48px;color:var(--accent-ink);border:1px solid var(--accent);border-radius:12px;justify-content:center;align-items:center;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.08)}.button.secondary{color:var(--accent);background:0 0}.auth-page{min-height:100svh}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;width:min(100%,440px);margin:clamp(55px,10vh,130px) auto;padding:clamp(24px,5vw,42px);box-shadow:0 12px 35px #142b2310}.card h1,.empty-state h1{font-size:clamp(2rem,4vw,3rem)}label{margin:18px 0 7px;font-weight:650;display:block}input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--ink);border-radius:10px;padding:11px 13px}input:focus-visible,.button:focus-visible,.text-button:focus-visible{outline-offset:3px;outline:3px solid #70b1a6}.full{width:100%;margin-top:26px}.form-footer{color:var(--muted);margin:25px 0 0}.notice{color:#214b44;background:#d7ebe3;border-radius:10px;padding:12px 14px}.notice.error{color:var(--error);background:#f9e6e4}.app-page header{justify-content:space-between;align-items:center;gap:16px;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:12px}.empty-state{max-width:630px;margin:clamp(70px,16vh,170px) auto}.empty-state p:last-child{color:var(--muted);font-size:1.1rem}@media (prefers-color-scheme:dark){:root{--bg:#111b1d;--paper:#1b292b;--ink:#e6eeeb;--muted:#acbcb9;--line:#35474a;--accent:#8dc9b8;--accent-ink:#102322;--error:#ffc1ba}.brand-mark{color:#102322}.notice{color:#ddf2e8;background:#21463f}.notice.error{color:#ffd6d0;background:#4a2626}}.library-intro{justify-content:space-between;align-items:end;gap:24px;margin:clamp(55px,10vh,105px) 0 36px;display:flex}.library-intro h1{margin-bottom:14px;font-size:clamp(2.4rem,5vw,4rem)}.library-intro p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;font-size:1.1rem}.song-count{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;gap:1px;min-width:115px;padding:15px 20px;display:grid}.song-count strong{font-size:2rem;line-height:1.1}.song-count span{color:var(--muted);font-size:.88rem}.library-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start;gap:22px;display:grid}.song-list-panel,.add-song-panel,.editor-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,30px)}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.list-toolbar h2,.add-song-panel h2{margin:0;font-size:1.35rem}.search-form{gap:8px;display:flex}.search-form input{width:min(240px,45vw);min-height:42px}.search-form .button{min-height:42px;padding:8px 14px}.song-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.song-list li{border-bottom:1px solid var(--line)}.song-row{min-height:76px;color:var(--ink);align-items:center;gap:14px;padding:12px 4px;text-decoration:none;display:flex}.song-row:hover .song-main strong{color:var(--accent)}.song-symbol,.empty-note{background:color-mix(in srgb,var(--accent) 15%,transparent);width:42px;height:42px;color:var(--accent);border-radius:13px;flex:none;place-items:center;font-size:1.45rem;display:grid}.song-main{flex:1;gap:2px;min-width:0;display:grid}.song-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-main small,.song-meta{color:var(--muted);font-size:.9rem}.song-meta{white-space:nowrap}.song-arrow{color:var(--muted);font-size:1.2rem}.empty-library{text-align:center;padding:48px 18px 40px}.empty-note{width:52px;height:52px;margin:0 auto 14px;font-size:1.8rem}.empty-library h3{margin:0 0 7px;font-size:1.18rem}.empty-library p,.panel-footnote{color:var(--muted);margin:0;font-size:.95rem}.add-song-panel .eyebrow{margin-bottom:8px}.add-song-panel h2{margin-bottom:16px}.add-song-panel label,.editor-card label{margin:16px 0 6px}.add-song-panel input,.editor-card input,.editor-card textarea,.add-song-panel select{background:var(--bg)}.add-song-panel select,.editor-card select,.editor-card textarea{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:11px 13px}.add-song-panel select,.editor-card select{min-height:48px}.form-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-columns>div{min-width:0}.panel-footnote{margin-top:14px;font-size:.84rem}.notice{margin:14px 0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.back-link{margin:32px 0 18px}.back-link a{color:var(--muted);text-decoration:none}.back-link a:hover{color:var(--accent)}.editor-card{max-width:790px;margin:0 auto 70px}.editor-card h1{margin-bottom:22px;font-size:clamp(2rem,4vw,3rem)}.editor-card textarea{resize:vertical;min-height:220px}.editor-actions{justify-content:flex-end;margin-top:20px;display:flex}.delete-form{border-top:1px solid var(--line);justify-content:flex-end;margin-top:22px;padding-top:18px;display:flex}.danger-button{color:#a44949;background:0 0;border:1px solid #a44949;border-radius:10px;padding:10px 16px;font-weight:700}.danger-button:hover{background:#a4494912}@media (max-width:760px){.library-intro{align-items:start}.library-layout{grid-template-columns:1fr}.add-song-panel{order:-1}.list-toolbar{flex-direction:column;align-items:flex-start}.search-form{width:100%}.search-form input{flex:1;width:100%}.song-meta{font-size:.8rem}.form-columns{gap:10px}}@media (max-width:460px){.library-intro{flex-direction:column}.song-count{grid-template-columns:auto auto;align-items:center;gap:8px;padding:10px 15px}.song-count strong{font-size:1.45rem}.song-count span{font-size:.85rem}.song-row{gap:9px}.song-symbol{width:36px;height:36px}.song-meta{text-overflow:ellipsis;max-width:80px;overflow:hidden}.editor-card .form-columns{grid-template-columns:1fr}}