:root{--ink:#161618;--muted:#65636b;--paper:#fbfaf7;--line:#ddd8cf;--green:#16d77a;--red:#a63f3f;--magenta:#f20f8f;--cyan:#26e4dc;--blue:#2573c9}*{box-sizing:border-box}html{min-width:320px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}main{min-height:100vh}.hero{color:#fff;background:linear-gradient(110deg,#0a0a0ce0,#0d0f1373),radial-gradient(circle at 78% 18%,#26e4dc94,#0000 17rem),radial-gradient(circle at 62% 58%,#f20f8f6b,#0000 19rem),linear-gradient(135deg,#050506,#143342 54%,#231229);align-items:end;min-height:68vh;display:grid;position:relative;overflow:hidden}.heroMedia{position:absolute;inset:0;overflow:hidden}.beam{transform-origin:top;filter:blur(1px);background:#ffffff21;width:22vw;height:120%;position:absolute;top:-10%}.beamA{left:58%;transform:rotate(18deg)}.beamB{background:#d59c3b29;left:74%;transform:rotate(-14deg)}.heroContent{width:min(1120px,100% - 40px);margin:0 auto;padding:5rem 0 7rem;position:relative}.brand{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.7rem;margin-bottom:1.4rem;font-weight:800;display:inline-flex}.brandMark{background:#000;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.brandMark img{object-fit:cover;width:100%;height:100%}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(3.1rem,8vw,6.8rem);line-height:.94}.hero p{color:#ffffffd1;max-width:620px;margin:1.4rem 0 0;font-size:1.16rem;line-height:1.65}.requestBand{grid-template-columns:.85fr 1.15fr;align-items:start;gap:1.2rem;width:min(1120px,100% - 32px);margin:-3.5rem auto 0;padding-bottom:4rem;display:grid;position:relative}.panel,.requestForm{border:1px solid var(--line);background:#fff;box-shadow:0 24px 70px #1a19161f}.introPanel{color:var(--ink);padding:2rem}.introPanel svg{color:var(--magenta)}.panelLogo{object-fit:cover;float:right;border:1px solid #0d0d10;border-radius:50%;width:78px;height:78px;margin-left:1rem}h2{margin:1rem 0 .55rem;font-size:1.7rem;line-height:1.15}.introPanel p{color:var(--muted);margin:0;line-height:1.65}.statusList{gap:.65rem;margin-top:1.4rem;display:grid}.statusList span{border-left:3px solid var(--cyan);padding-left:1rem;font-weight:700}.requestForm{gap:1rem;padding:1.2rem;display:grid}label{color:#3c3940;gap:.45rem;font-size:.92rem;font-weight:750;display:grid}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfc8bb;border-radius:0;outline:none;padding:.9rem .95rem}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f5c8a29}textarea{resize:vertical;min-height:110px}button{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.65rem;min-height:52px;font-weight:850;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border:1px solid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;display:grid}.notice strong,.notice span{display:block}.notice span{color:var(--muted);margin-top:.25rem;line-height:1.45}.notice.good{color:var(--green);background:#2f6f5914;border-color:#2f6f5959}.notice.warn{color:var(--red);background:#a63f3f14;border-color:#a63f3f59}.adminShell{background:#f6f5f1;min-height:100vh;padding:2rem}.loginShell{place-items:center;display:grid}.loginPanel{border:1px solid var(--line);background:#fff;gap:1rem;width:min(420px,100%);padding:1.4rem;display:grid;box-shadow:0 22px 60px #1414121f}.loginPanel h1,.adminHeader h1{margin:0;font-size:2rem;line-height:1.05}.loginError{color:var(--red);margin:0;font-weight:750}.adminHeader{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100%);margin:0 auto 1.4rem;display:flex}.adminHeader span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.adminActions,.rowActions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.adminActions button,.rowActions button{min-height:42px;padding:0 .9rem}.requestTable{gap:.8rem;width:min(1180px,100%);margin:0 auto;display:grid}.adminRequest{border:1px solid var(--line);background:#fff;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.requestMain h2{margin:.5rem 0 .2rem;font-size:1.3rem}.requestMain p,.explicitBox p,.requestMain small{color:var(--muted);margin:0;line-height:1.45}.statusPill{border:1px solid var(--line);text-transform:uppercase;width:fit-content;padding:.25rem .55rem;font-size:.78rem;font-weight:900;display:inline-flex}.statusPill.pending{color:var(--blue);background:#1f5c8a14;border-color:#1f5c8a59}.statusPill.played{color:var(--green);background:#2f6f5914;border-color:#2f6f5959}.explicitBox{border:1px solid var(--line);background:#fbfaf7;gap:.4rem;padding:.8rem;display:grid}.explicitBox div{align-items:center;gap:.5rem;display:flex}.explicitBox.flagged{background:#a63f3f14;border-color:#a63f3f59}.emptyState{border:1px solid var(--line);color:var(--muted);background:#fff;padding:2rem;font-weight:800}@media (max-width:820px){.hero{min-height:72vh}.heroContent{padding:4rem 0 6rem}.requestBand{grid-template-columns:1fr;margin-top:-2.2rem}}@media (max-width:520px){.heroContent{width:min(100% - 28px,1120px)}h1{font-size:3.1rem}.hero p{font-size:1rem}.introPanel,.requestForm,.adminShell{padding:1rem}.adminHeader,.adminRequest{grid-template-columns:1fr}.adminHeader{display:grid}}