@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#090714;--panel:#151124;--panel2:#1d1730;--ink:#f8f4ff;--muted:#aaa2be;--lime:#d7ff45;--pink:#ff4fd8;--purple:#7657ff;--cyan:#33e6d2;--line:#302943;--radius:22px;--shadow:0 22px 70px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,#7027a32a,transparent 25%),radial-gradient(circle at 90% 30%,#1aa89620,transparent 22%);z-index:-1}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif;line-height:1.05}h1{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.06em;margin:.2em 0}h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em}em{font-style:normal;color:var(--lime)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem;z-index:100}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid #ffffff10;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.25rem;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:#111;border-radius:9px;font-size:.8rem;transform:rotate(-5deg)}.site-header nav{display:flex;gap:2rem;align-items:center}.site-header nav a:first-child{background:var(--ink);color:#111;border-radius:999px;padding:.65rem 1rem}.nav-toggle{display:none}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:4rem clamp(1.25rem,7vw,8rem);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy p{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--muted);max-width:620px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--cyan)}.actions,.wizard-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{border:0;border-radius:999px;padding:.9rem 1.35rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;cursor:pointer}.btn.primary{background:var(--lime);color:#121017;box-shadow:0 0 30px #d7ff4528}.btn.secondary{background:#ffffff09;color:var(--ink);border:1px solid #ffffff25}.btn.light{background:#fff;color:#111}.hero-art{height:560px;position:relative;display:grid;place-items:center}.disc{width:min(440px,80vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#21193c 0 3px,#0f0c1d 4px 10px);box-shadow:0 0 0 14px #ffffff08,0 0 100px #9c47ff70;display:grid;place-items:center;animation:spin 30s linear infinite}.disc:after{content:"";position:absolute;width:65px;aspect-ratio:1;border-radius:50%;background:var(--pink)}.disc span{background:linear-gradient(135deg,var(--pink),var(--purple));width:155px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 1.8rem/1 'Space Grotesk';transform:rotate(-10deg)}.soundbars{position:absolute;bottom:30px;display:flex;gap:5px;align-items:center}.soundbars i{width:5px;height:calc(12px + (var(--i) * 3px));max-height:90px;background:linear-gradient(var(--lime),var(--pink));border-radius:9px;animation:pulse 1s ease-in-out calc(var(--i)*-.04s) infinite alternate}.section,.library,.event-hero,.track-page{padding:7rem clamp(1.25rem,7vw,8rem)}.section>h2{max-width:750px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.steps article,.admin-panel{background:linear-gradient(140deg,#ffffff0c,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.steps article>b{color:var(--muted)}.steps article>span{display:block;font-size:3rem;color:var(--pink);margin:3rem 0 1rem}.steps p,.album-card p{color:var(--muted)}.section-head,.admin-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-head h2{margin:.2rem 0}.albums-section{background:#0d0a18}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem}.album-card .cover,.cover{aspect-ratio:1;background:linear-gradient(135deg,#6939d8,#ff4fcf 50%,#ffb23e);border-radius:18px;display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.cover img{width:100%;height:100%;object-fit:cover}.cover>span{font:bold 3rem 'Space Grotesk';transform:rotate(-8deg)}.cover .play{position:absolute;right:1rem;bottom:1rem;width:48px;aspect-ratio:1;border-radius:50%;background:var(--lime);color:#111;display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:.2s}.album-card:hover .play{opacity:1;transform:none}.album-card h3{font-size:1.25rem;margin:.8rem 0 .1rem}.tag,.status{font-size:.7rem;border:1px solid #ffffff20;border-radius:999px;padding:.25rem .5rem;color:var(--cyan)}.cta{text-align:center;padding:8rem 1rem;background:linear-gradient(135deg,#5534d4,#e137a9);position:relative;overflow:hidden}.cta h2{font-size:clamp(3rem,7vw,7rem);margin:.2em auto;max-width:1000px}footer{padding:3rem clamp(1.25rem,7vw,8rem);display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line)}
.submit-shell{max-width:1180px;margin:auto;padding:2rem 1.25rem 8rem}.progress{position:sticky;top:0;z-index:5;background:#090714e8;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem}.progress span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:.8rem}.progress span b{display:none}.progress span.active{background:var(--lime);color:#111}.progress i{width:10vw;max-width:130px;height:1px;background:var(--line)}.form-head{text-align:center;margin:5rem auto;max-width:850px}.form-head h1{font-size:clamp(2.7rem,6vw,5.5rem)}.form-head p,.step-title p{color:var(--muted)}.wizard-step{display:none}.wizard-step.active{display:block;animation:rise .35s ease}.step-title{display:flex;gap:1rem;margin-bottom:2rem}.step-title>b{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#111}.step-title h2{font-size:2.2rem;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.5rem;font-weight:600;margin-bottom:1rem}label small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;background:#ffffff08;border:1px solid var(--line);border-radius:13px;color:var(--ink);padding:1rem;outline:none}option{color:#111}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{border-color:var(--lime);box-shadow:0 0 0 3px #d7ff4530;outline:none}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.genre-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.25rem;min-height:150px;cursor:pointer}.genre-card input,.chips input{position:absolute;opacity:0;width:1px}.genre-card:has(input:checked){border-color:var(--lime);background:#d7ff4510;box-shadow:0 0 0 2px var(--lime)}.genre-card>span{font-size:2rem}.genre-card strong,.genre-card small{display:block}.genre-card small{margin-top:.5rem}.chips{border:0;padding:0;margin:2rem 0}.chips legend{font:600 1.1rem 'Space Grotesk';margin-bottom:1rem}.chips>label{display:inline-flex;margin:0 .4rem .6rem 0}.chips span{border:1px solid var(--line);border-radius:999px;padding:.65rem 1rem;cursor:pointer}.chips label:has(input:checked) span{background:var(--purple);border-color:#9c88ff}.prompt-preview{background:linear-gradient(135deg,#5534d433,#e137a922);border:1px solid #7657ff;border-radius:var(--radius);padding:1.5rem;margin:2rem 0}.prompt-preview>div{display:flex;justify-content:space-between}.prompt-preview p{font-size:1.15rem}.prompt-preview button,.text-btn{background:none;border:0;color:var(--lime);cursor:pointer}.consent{background:var(--panel);padding:1.4rem;border-radius:14px;margin-top:2rem}.consent label,.checks label{display:flex;align-items:center}.consent input,.checks input,.admin-form fieldset input{width:auto}.alert{padding:1rem;border-radius:12px;background:#ff496725;border:1px solid #ff4967;color:#ffb3bf;margin:1rem 0}.celebrate{text-align:center;min-height:75vh;padding:7rem 1rem}.celebrate .burst{font-size:4rem;color:var(--lime)}.celebrate p{max-width:620px;margin:1.5rem auto;color:var(--muted)}.celebrate .actions{justify-content:center}.reference{display:grid;gap:.3rem;max-width:400px;margin:2.5rem auto;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.reference strong{font:700 2rem 'Space Grotesk';color:var(--lime)}.filters{display:flex;gap:1rem;margin:2.5rem 0}.filters input{flex:1}.library>h1{font-size:clamp(3rem,6vw,6rem)}.empty{grid-column:1/-1;text-align:center;padding:4rem;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.album-hero{display:grid;grid-template-columns:minmax(280px,450px) 1fr;gap:5rem;align-items:end;padding:6rem clamp(1.25rem,8vw,9rem)}.album-hero h1{font-size:clamp(3rem,7vw,6.5rem)}.album-hero p{color:var(--muted);max-width:650px}.album-stats{display:flex;gap:1rem;color:var(--muted)}.tracklist{max-width:1200px;margin:auto;padding:2rem 1rem 9rem}.track{display:grid;grid-template-columns:35px 42px 1fr 55px 30px;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1rem}.track-play{border:0;background:#ffffff10;color:var(--ink);border-radius:50%;width:40px;aspect-ratio:1;cursor:pointer}.track h3{margin:0}.track p{margin:0;color:var(--muted);font-size:.9rem}.credits{max-width:1000px;margin:auto;padding:2rem 1rem 10rem}.player{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#171222ee;backdrop-filter:blur(18px);border-top:1px solid #ffffff22;display:grid;grid-template-columns:42px 42px 42px minmax(130px,1fr) auto minmax(100px,2fr) auto 42px 42px 100px;align-items:center;gap:.7rem;padding:.7rem 1.2rem}.player[hidden]{display:none}.player button{background:none;border:0;color:#fff}.player-meta{display:grid}.player-meta span{font-size:.75rem;color:var(--muted)}.player input{padding:0}
.admin-body{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-nav{position:sticky;top:0;height:100vh;padding:1.5rem;background:#0e0b18;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2rem}.admin-nav>small{color:var(--muted);letter-spacing:.15em}.admin-nav nav{display:grid;gap:.3rem}.admin-nav nav a,.admin-nav button{padding:.7rem;border-radius:9px;color:var(--muted);background:none;border:0;text-align:left}.admin-nav nav a:hover{background:#ffffff0c;color:#fff}.admin-nav form{margin-top:auto}.admin-main{padding:3rem clamp(1.25rem,4vw,5rem);max-width:1600px;width:100%}.admin-head h1{font-size:clamp(2.5rem,4vw,4rem);margin:.1em 0}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:2rem 0}.stat-grid article{padding:1.3rem;background:var(--panel);border:1px solid var(--line);border-radius:16px}.stat-grid small{display:block;color:var(--muted)}.stat-grid strong{font:700 2.5rem 'Space Grotesk'}.admin-list{display:grid}.admin-list>a{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.admin-list>a>span{font-size:1.5rem}.admin-list>a>div{display:grid;flex:1}.admin-list small{color:var(--muted)}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.admin-cards>a,.admin-cards details{padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:16px}.admin-cards p{color:var(--muted)}.admin-form{max-width:900px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.checks{display:flex;gap:2rem;flex-wrap:wrap}.table-wrap{overflow:auto;background:var(--panel);border-radius:16px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.big-copy{white-space:pre-wrap;font-size:1.15rem}.compact details{padding:1rem}.compact form,.style-admin form{display:grid;gap:.5rem;margin-top:1rem}.style-admin form{grid-template-columns:1fr 2fr 80px auto auto;border-bottom:1px solid var(--line);padding:.5rem}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,90vw);padding:2.5rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card .brand{margin-bottom:3rem}.login-card h1{font-size:3rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:scaleY(.25);opacity:.5}}@keyframes rise{from{opacity:0;transform:translateY(15px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:5rem}.hero-art{height:420px}.steps{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,1fr)}.album-hero{grid-template-columns:1fr;gap:2rem}.cover.giant{max-width:430px}.stat-grid{grid-template-columns:repeat(3,1fr)}.admin-body{grid-template-columns:1fr}.admin-nav{position:relative;height:auto}.admin-nav nav{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:1fr}.player{grid-template-columns:38px 38px 1fr 38px}.player>[data-player="prev"],.player>[data-player="shuffle"],.player>[data-player="repeat"],#player-time,#player-duration,#seek,#volume{display:none}}@media(max-width:600px){.site-header{height:68px}.site-header nav{display:none}.nav-toggle{display:block;background:none;border:0;color:white;font-size:1.3rem}.site-header.open nav{display:grid;position:absolute;top:68px;left:0;right:0;padding:1rem;background:var(--panel)}.hero{min-height:auto;padding:5rem 1.25rem 2rem}.hero h1{font-size:3.5rem}.hero-art{height:350px}.disc{width:300px}.section,.library,.event-hero{padding:5rem 1.25rem}.form-grid,.genre-grid{grid-template-columns:1fr 1fr}.genre-card{min-height:125px;padding:1rem}.genre-card small{display:none}.filters{display:grid}.album-grid{grid-template-columns:1fr 1fr;gap:1rem}.album-card h3{font-size:1rem}.album-card p{font-size:.8rem}.album-hero{padding:3rem 1.25rem}.track{grid-template-columns:25px 38px 1fr auto}.track>time,.track>a{display:none}.wizard-actions .btn{flex:1}.form-head{margin:3rem auto}.stat-grid{grid-template-columns:1fr 1fr}.admin-main{padding:2rem 1rem}.admin-nav nav{grid-template-columns:1fr 1fr}.style-admin form{grid-template-columns:1fr}.section-head,footer{align-items:flex-start;flex-direction:column}.progress{margin:0 -1.25rem}.admin-head{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.library>.album-grid{margin-top:3rem}