@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#f5f2e9;--muted:#aaa89f;--bg:#0b0d0c;--panel:#141715;--line:#292d29;--lime:#c9f052;--orange:#ef7447;--cream:#eee9da;--black:#101210}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,12,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.brand em{font-family:'Playfair Display';font-weight:600;color:var(--lime)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:var(--black);border-radius:50% 50% 48% 52%/55% 45% 55% 45%;font-weight:800}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a:not(.nav-pill){color:#c8c8c2}.nav-pill,.nav-button{padding:9px 18px;border:1px solid #555b54;border-radius:99px;background:transparent;color:white;cursor:pointer}.site-header form{display:inline}.hero{min-height:720px;padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 40%,#24301f 0,transparent 32%)}.eyebrow{display:block;color:var(--lime);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;margin-bottom:20px}.hero h1,.mission h2,.auth-intro h1,.song-detail h1,.form-heading h1,.empty h1{font-size:clamp(50px,6.5vw,96px);line-height:.96;letter-spacing:-.06em;margin:0 0 30px}.hero h1 i,.mission h2 em,.auth-intro em{font-family:'Playfair Display';font-weight:600;color:var(--lime)}.hero-copy>p{max-width:570px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:14px;margin:38px 0}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:4px;padding:14px 24px;border:1px solid var(--line);cursor:pointer;font-weight:700}.primary{background:var(--lime);color:var(--black);border-color:var(--lime)}.ghost{background:transparent;color:var(--ink)}.hero-note{display:flex;gap:15px;align-items:center;margin-top:58px;color:var(--muted);font-size:13px}.hero-note>span{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--lime)}.hero-note p{margin:0}.hero-note strong{color:var(--ink)}.hero-art{position:relative;height:520px}.vinyl{width:min(42vw,470px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121412 0 4px,#292d29 5px 6px,#111 7px 12px);box-shadow:-40px 50px 100px #000;display:grid;place-items:center;animation:spin 30s linear infinite}.vinyl-label{width:34%;aspect-ratio:1;background:var(--orange);border-radius:50%;display:grid;place-items:center;color:#1b1713;font-size:35px;font-weight:800;text-align:center}.vinyl-label small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.vinyl-label:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#111}.sound-card{position:absolute;right:0;bottom:30px;width:245px;padding:22px;background:var(--cream);color:var(--black);transform:rotate(-4deg);box-shadow:0 20px 50px #0008}.sound-card b,.sound-card span{display:block}.sound-card span{font-family:'Playfair Display';font-style:italic}.wave{color:var(--orange);font-size:25px;letter-spacing:5px;margin-top:18px}.mission{background:var(--cream);color:var(--black);padding:110px clamp(24px,10vw,160px)}.mission .eyebrow{color:#61752d}.mission h2{font-size:clamp(44px,5vw,78px)}.mission h2 em{color:#576a25}.mission>p{max-width:760px;font-size:19px;color:#5a5c55}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #c9c4b6}.values article{padding:32px 40px 0 0}.values b{color:#879a51;font-size:12px}.values h3{font-size:25px;margin:25px 0 5px}.values p{color:#6f7169}.catalog,.song-page,.admin-shell,.form-shell{padding:100px clamp(24px,7vw,110px)}.section-heading,.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2,.admin-head h1,.lyrics h2{font-size:42px;margin:0;letter-spacing:-.04em}.search{display:flex;gap:10px;border-bottom:1px solid #4b504a;padding:10px}.search input{background:none;border:0;color:white;outline:0;width:220px}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cover{aspect-ratio:1;background:linear-gradient(145deg,#202b24,#111);position:relative;display:grid;place-items:center;overflow:hidden}.cover>span{font-family:'Playfair Display';font-size:70px;color:#71836a}.cover img,.detail-cover img{width:100%;height:100%;object-fit:cover}.play{border:0;background:var(--lime);color:#111;width:58px;height:58px;border-radius:50%;position:absolute;right:18px;bottom:18px;cursor:pointer;box-shadow:0 8px 30px #0008}.play.playing{background:var(--orange)}.song-meta{padding:18px 4px}.song-meta small{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.song-meta h3{font-size:21px;margin:7px 0}.song-meta p{color:var(--muted);font-size:14px;margin:0}.player-bar{position:fixed;z-index:30;left:4%;right:4%;bottom:18px;background:#eff1e6;color:#111;padding:13px 18px;display:grid;grid-template-columns:46px 230px 1fr 50px;align-items:center;gap:15px;box-shadow:0 10px 50px #000}.player-bar[hidden]{display:none}.player-bar button{border:0;background:#111;color:var(--lime);border-radius:50%;width:42px;height:42px}.player-bar small,.player-bar strong{display:block}.player-bar small{font-size:9px;letter-spacing:.13em}.player-bar input{accent-color:#111;width:100%}footer{border-top:1px solid var(--line);padding:60px clamp(24px,7vw,110px);display:flex;justify-content:space-between;color:var(--muted)}footer strong{color:var(--ink)}.auth-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr}.auth-intro{padding:110px 8vw;background:radial-gradient(circle at 30% 70%,#26331f,transparent 45%)}.auth-intro h1{font-size:clamp(50px,5vw,76px)}.auth-intro p{color:var(--muted)}.auth-card{align-self:center;margin:70px auto;width:min(440px,80%);display:grid;gap:22px}.auth-card label,.editor label{display:grid;gap:8px;font-size:13px;font-weight:600}.auth-card input,.editor input,.editor textarea,.editor select{width:100%;background:#151815;border:1px solid #353a34;color:white;padding:14px;border-radius:3px;outline:0}.auth-card input:focus,.editor input:focus,.editor textarea:focus{border-color:var(--lime)}.auth-card p{text-align:center;color:var(--muted);font-size:13px}.auth-card a{color:var(--lime)}.song-page{max-width:1200px;margin:auto}.back{display:inline-block;color:var(--muted);margin-bottom:50px}.song-detail{display:grid;grid-template-columns:420px 1fr;gap:75px;align-items:center}.detail-cover{aspect-ratio:1;background:#1a211a;display:grid;place-items:center;overflow:hidden}.detail-cover>span{font-size:90px;color:var(--lime)}.song-detail h1{font-size:64px}.song-detail p{color:var(--muted)}.song-detail .play{position:static;width:auto;height:auto;border-radius:4px;margin-top:18px}.lyrics{max-width:720px;margin:110px auto 0;border-top:1px solid var(--line);padding-top:60px}.lyrics p{white-space:normal;color:#cfcec7;line-height:2}.admin-head{align-items:center}.admin-head h1{font-size:52px;margin:0}.admin-head p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article{padding:24px;background:var(--panel);border:1px solid var(--line);display:grid}.stats article>span{color:var(--lime)}.stats strong{font-size:34px;margin-top:15px}.stats small{color:var(--muted)}.admin-table{margin-top:32px;background:var(--panel);border:1px solid var(--line)}.table-title{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-title h2{margin:0}.table-title span{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:17px 24px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}td strong,td small{display:block}td small{color:var(--muted)}.status{padding:5px 9px;border-radius:99px;font-size:11px}.status.on{background:#2a3c21;color:#cbed9b}.status.off{background:#3a2a27;color:#e7a897}.actions{display:flex;gap:12px}.actions a,.actions button{color:var(--lime);background:none;border:0;cursor:pointer}.actions form{display:inline}.editor{display:grid;grid-template-columns:1fr 330px;gap:55px}.editor-main{display:grid;gap:24px}.editor aside{display:grid;align-content:start;gap:24px;background:var(--panel);border:1px solid var(--line);padding:25px}.editor textarea{resize:vertical}.file-field small{color:var(--muted);font-weight:400}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.empty{text-align:center;padding:150px 20px}.empty>span{color:var(--lime);letter-spacing:.3em}.empty h1{font-size:60px;margin:20px}.flash{position:fixed;z-index:50;top:92px;right:25px;padding:14px 20px;background:#eef2df;color:#111;box-shadow:0 8px 30px #0008}.flash.error{background:#f0b09d}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.site-header nav>a:not(.nav-pill),.site-header nav form{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:400px;margin-top:30px}.vinyl{width:380px}.song-grid{grid-template-columns:repeat(2,1fr)}.values,.stats{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-intro{padding-bottom:20px}.song-detail{grid-template-columns:1fr}.detail-cover{max-width:450px}.editor{grid-template-columns:1fr}.table-scroll{overflow:auto}}
@media(max-width:560px){.site-header{padding:0 18px}.brand span:last-child{display:none}.hero{padding:55px 22px}.hero h1{font-size:52px}.hero-art{height:320px}.vinyl{width:300px}.sound-card{width:190px}.mission,.catalog,.song-page,.admin-shell,.form-shell{padding:70px 22px}.values,.song-grid,.stats{grid-template-columns:1fr}.section-heading,.admin-head{display:block}.search{margin-top:25px}.player-bar{left:0;right:0;bottom:0;grid-template-columns:42px 1fr 42px}.player-bar input{display:none}.site-header nav{gap:8px}.song-detail h1{font-size:48px}.auth-intro{padding:70px 25px}.auth-card{margin:45px auto}.editor{gap:25px}footer{display:block}}
.unavailable{position:absolute;right:14px;bottom:14px;padding:7px 10px!important;background:#171a17;color:#aaa!important;border:1px solid #343934;border-radius:99px;font:600 10px 'DM Sans',sans-serif!important;text-transform:uppercase;letter-spacing:.08em}.unavailable-note{border-left:3px solid var(--orange);padding-left:15px;color:#c9a797!important}