: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,.adminButton{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:clamp(360px,62svh,720px);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:clamp(3rem,8svh,5rem) 0 clamp(4rem,10svh,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}.suggestionList{background:linear-gradient(#26e4dc14,#f20f8f0a),#fff;border:1px solid #26e4dc6b;gap:.35rem;margin-top:-.35rem;padding:.55rem;display:grid;box-shadow:0 18px 40px #1414121a}.suggestionList button{min-height:0;color:var(--ink);text-align:left;background:#ffffffc7;border:1px solid #0000;justify-content:stretch;gap:.1rem;padding:.65rem .75rem;font-weight:750;display:grid}.suggestionList button:hover{background:#fff;border-color:#2573c938}.suggestionList span{color:var(--muted);font-size:.88rem;font-weight:650}.suggestionList .manualEntry{color:#1f5c8a;text-align:center;background:#2573c912;border-color:#2573c929}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}.adminButton{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.65rem;min-height:42px;padding:0 .9rem;font-weight:850;text-decoration:none;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:radial-gradient(circle at 12% 0,#f20f8f24,#0000 22rem),radial-gradient(circle at 92% 3%,#26e4dc33,#0000 25rem),linear-gradient(#eef9f6 0,#f8f7f2 22rem);min-height:100vh;padding:clamp(1.25rem,3vw,2.4rem)}.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{color:#fff;background:linear-gradient(115deg,#050506f5,#122f37eb),radial-gradient(circle at 100%,#26e4dc59,#0000 20rem);border:1px solid #ffffff26;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:1.2rem;width:min(1180px,100%);margin:0 auto 1.25rem;padding:clamp(1rem,2.4vw,1.35rem);display:flex;box-shadow:0 22px 52px #1414122e}.adminHeader span{color:#26e4dceb;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.adminHeader h1{color:#fff}.adminActions,.rowActions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.adminActions{justify-content:flex-end}.adminActions strong{color:#d9fffb;background:#26e4dc1f;border:1px solid #26e4dc42;border-radius:999px;align-items:center;min-height:38px;padding:0 .8rem;font-size:.9rem;display:inline-flex}.adminActions button,.adminActions .adminButton,.rowActions button{color:#111115;background:#fffffff2;border:1px solid #ffffff2e;border-radius:999px;min-height:38px;padding:0 .82rem;font-size:.9rem;font-weight:800;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;box-shadow:0 10px 26px #00000021}.adminActions button:hover,.adminActions .adminButton:hover,.rowActions button:hover{border-color:#16161838;transform:translateY(-1px);box-shadow:0 12px 28px #1414121a}.adminActions .secondary{background:#d9fffb;border-color:#26e4dc8c}.rowActions button{background:var(--ink);color:#fff;border-color:var(--ink)}.requestTable{gap:.8rem;width:min(1180px,100%);margin:0 auto;display:grid}.archiveTable{margin-top:2rem}.sectionHeading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.sectionHeading h2{margin:0}.sectionHeading span{color:var(--muted);font-weight:800}.adminRequest{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #14141212}.adminRequest:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--magenta));height:4px;position:absolute;inset:0 0 auto}.adminRequest.archived{opacity:.88}.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;border-radius:999px;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;border-radius:10px;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{align-items:end;min-height:0}.heroContent{padding:2rem 0 1.35rem}.requestBand{grid-template-columns:1fr;margin-top:-1.1rem}}@media (max-width:520px){.hero{min-height:0}.heroContent{width:min(100% - 28px,1120px);padding:1.55rem 0 1.05rem}.brand{margin-bottom:.7rem}h1{font-size:2.05rem;line-height:.98}.hero p{margin-top:.6rem;font-size:.92rem;line-height:1.42}.requestBand{width:min(100% - 28px,1120px);margin-top:0}.introPanel,.requestForm{padding:1rem}.introPanel{grid-template-columns:1fr auto;align-items:start;gap:.45rem .85rem;display:grid}.introPanel p,.statusList{grid-column:1/-1}.panelLogo{grid-area:1/2/span 2;width:56px;height:56px;margin-left:0}h2{grid-column:1;margin-top:0;font-size:1.32rem}.statusList{gap:.35rem;margin-top:.55rem}.adminShell{padding:.9rem}.adminHeader,.adminRequest{grid-template-columns:1fr}.adminHeader{border-radius:18px;display:grid}.adminActions{justify-content:flex-start}.adminActions button,.adminActions .adminButton,.rowActions button{min-height:36px;padding:0 .72rem;font-size:.85rem}}