@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;800&display=swap');
:root{--ink:#f7f7f2;--muted:#aaa9b1;--acid:#b8ff32;--violet:#a95cff;--pink:#ff3d8d;--panel:#15151c;--line:#30303b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090d;color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:30;background:#09090de8;backdrop-filter:blur(12px)}.brand{font-weight:800;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;background:var(--acid);color:#09090d;width:38px;height:38px;margin-right:10px;transform:rotate(-5deg)}nav{display:flex;gap:28px}nav a{font-size:.88rem;color:var(--muted)}nav a:hover,nav a.active{color:var(--acid)}.menu{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero{min-height:calc(100vh - 82px);padding:9vh 7vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;position:relative;background:radial-gradient(circle at 80% 30%,#6d2bbd55,transparent 30%),linear-gradient(120deg,#09090d 55%,#13131c)}.eyebrow{color:var(--acid);font-weight:800;letter-spacing:.18em;font-size:.78rem}.hero h1,.page-hero h1{font:clamp(3.7rem,9vw,9rem)/.82 'Archivo Black';letter-spacing:-.065em;margin:20px 0;text-transform:uppercase}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--ink);font-style:normal}.lead{max-width:630px;color:#cac9d0;font-size:1.1rem;line-height:1.7}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--acid);color:#0a0a0d;border:1px solid var(--acid);font-weight:800;cursor:pointer}.btn.secondary{background:transparent;color:white;border-color:#555563}.record{width:min(31vw,430px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#17171d 0 4px,#26262e 5px 7px);display:grid;place-items:center;box-shadow:0 0 0 12px #111118,0 30px 80px #000;animation:spin 12s linear infinite}.record:after{content:'DN';width:35%;aspect-ratio:1;border-radius:50%;background:var(--pink);display:grid;place-items:center;color:#09090d;font:3rem 'Archivo Black'}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:90px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2{font:clamp(2rem,5vw,4.6rem)/1 'Archivo Black';letter-spacing:-.04em;margin:0}.kicker{color:var(--violet);font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:18px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#666}.cover{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,var(--violet),var(--pink));display:grid;place-items:center;font:3rem 'Archivo Black'}.card h3{font-size:1.3rem;margin:18px 0 6px}.meta{color:var(--muted);font-size:.9rem}.song-row{display:grid;grid-template-columns:52px 1fr minmax(220px,360px) auto;gap:18px;align-items:center;padding:16px;border-top:1px solid var(--line)}.song-row:hover{background:#13131a}.song-cover{width:52px;height:52px;object-fit:cover;background:var(--violet)}audio{width:100%;height:36px}.page-hero{padding:80px 7vw 45px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0,#54219055,transparent 30%)}.page-hero h1{font-size:clamp(3rem,8vw,7rem)}.party-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.party-grid button{min-height:95px;background:#121219;color:white;border:1px solid var(--line);cursor:pointer;font-weight:800}.party-grid button:hover{background:var(--acid);color:#09090d}.prose{max-width:800px;line-height:1.8;color:#d1d0d6}.prose h2{font:2rem 'Archivo Black';margin-top:2em}.form{max-width:760px;display:grid;gap:16px}.form label{display:grid;gap:7px;font-weight:700}.form input,.form textarea,.form select{width:100%;padding:13px;background:#121219;border:1px solid #41414d;color:white;font:inherit}.form textarea{min-height:150px}.notice{padding:14px 18px;border-left:4px solid var(--acid);background:#18200f;margin:18px 0}.empty{padding:40px;border:1px dashed #444;color:var(--muted);text-align:center}footer{padding:55px 7vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px;color:var(--muted)}footer strong{color:white}.footer-links{display:flex;gap:20px;justify-content:end;flex-wrap:wrap}#fx-canvas{position:fixed;inset:0;pointer-events:none;z-index:99}body[data-fx="1"]{animation:flash .18s 7}body[data-fx="2"] main{animation:shake .08s 12}body[data-fx="3"]{filter:hue-rotate(120deg)}body[data-fx="4"] .card{transform:rotate(2deg)}body[data-fx="5"]{animation:pulse .4s 4}body[data-fx="6"] main{filter:contrast(1.8)}body[data-fx="7"]{filter:invert(1)}body[data-fx="8"] .site-header{background:var(--pink)}body[data-fx="9"] .record{animation-duration:.35s}body[data-fx="10"] main{animation:rainbow .3s 6}@keyframes flash{50%{background:#fff}}@keyframes shake{50%{transform:translateX(7px)}}@keyframes pulse{50%{transform:scale(1.012)}}@keyframes rainbow{50%{filter:hue-rotate(180deg)}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.record{display:none}.grid{grid-template-columns:1fr 1fr}.party-grid{grid-template-columns:1fr 1fr}.song-row{grid-template-columns:45px 1fr auto}.song-row audio{grid-column:2/4}.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#111118;padding:22px 5vw;flex-direction:column}nav.open{display:flex}footer{grid-template-columns:1fr}.footer-links{justify-content:start}}@media(max-width:540px){.grid{grid-template-columns:1fr}.hero h1{font-size:3.5rem}.section{padding:65px 5vw}.song-row{grid-template-columns:42px 1fr}.song-row audio,.song-row .btn{grid-column:1/3}.party-grid{grid-template-columns:1fr 1fr}}

.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.song-card{width:100%;min-width:0;background:linear-gradient(160deg,#191922,#101016);border:1px solid #363642;overflow:hidden;box-shadow:0 18px 50px #0006;transition:transform .25s,border-color .25s,box-shadow .25s}.song-card:hover{transform:translateY(-5px);border-color:#777785;box-shadow:0 24px 60px #0009}.song-card-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,var(--violet),var(--pink))}.song-card-cover.placeholder{display:grid;place-items:center;font:clamp(2rem,6vw,4rem) 'Archivo Black';color:#09090d}.song-card-body{padding:18px;display:flex;flex-direction:column;gap:12px}.song-card-body h3{margin:0;font-size:1.08rem;line-height:1.3}.song-card-body .meta{margin:0;min-height:2.2em;font-size:.8rem}.song-card-body>audio,.card>audio,.actions>audio{display:none}.song-card-body .btn,.song-card-body form .btn{width:100%;padding:12px 13px;font-size:.82rem}.song-card-body>a.btn{background:var(--acid);border-color:var(--acid);color:#09090d}.song-card-body>a.btn:hover{background:#d0ff76}.track-number{color:var(--acid);font-weight:800;font-size:.72rem;letter-spacing:.16em}.dj-player{display:block;width:100%;min-width:0;padding:12px;background:#0b0b11;border:1px solid #30303b;border-radius:12px;color:#fff;overflow:hidden}.player-timeline{width:100%;min-width:0}.player-controls{display:flex;align-items:center;gap:7px;margin-top:10px;min-width:0}.dj-player button,.player-speed{flex:0 0 auto;height:36px;border:1px solid #30303c;background:#20202a;color:#fff;font:700 .68rem Inter;cursor:pointer;transition:.2s}.dj-player button:hover,.player-speed:hover{background:var(--acid);border-color:var(--acid);color:#09090d}.player-play{width:36px;border-radius:50%!important;background:var(--acid)!important;border-color:var(--acid)!important;color:#09090d!important}.player-skip{width:40px;color:#d1d0d7!important;border-radius:8px}.player-skip:hover{color:#09090d!important}.player-mute{width:40px;border-radius:8px!important;font-size:.58rem!important}.player-progress{display:block;width:100%;height:5px;margin:0;appearance:none;background:#343440;border-radius:20px;cursor:pointer}.player-progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--acid);border:3px solid #0c0c12;box-shadow:0 0 0 1px var(--acid)}.player-progress::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--acid);border:3px solid #0c0c12}.player-times{display:flex;justify-content:space-between;margin-top:7px;color:#9a99a4;font-size:.64rem;font-variant-numeric:tabular-nums}.player-speed{width:50px;margin-left:auto;padding:0 2px;border-radius:8px}.card .dj-player{margin-top:12px}.actions .dj-player{flex:1 1 100%}@media(max-width:1200px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.section{padding-left:18px;padding-right:18px}.song-grid{grid-template-columns:1fr}.song-card{max-width:380px;justify-self:center}}@media(max-width:320px){.player-back,.player-forward{display:none}}
.dj-player audio{display:none!important}