:root{--void:#07070f;--abyss:#0b0b16;--shell:#10101e;--raised:#161628;--rim:rgba(255,255,255,.07);--rim2:rgba(255,255,255,.13);--rim3:rgba(255,255,255,.22);--ink:#ededf8;--ink2:#9090b8;--ink3:#52526e;--coral:#ff4060;--coralL:#ff6a84;--cyan:#00d4ff;--cyanL:#55e5ff;--gold:#ffb830;--goldL:#ffd070;--lime:#3fffaa;--limeL:#7fffcc;--vio:#9b59ff;--g-fire:linear-gradient(135deg, #ff4060, #ffb830);--g-ice:linear-gradient(135deg, #00d4ff, #9b59ff);--g-mix:linear-gradient(135deg, #ff4060, #9b59ff, #00d4ff);--g-lime:linear-gradient(135deg, #3fffaa, #00d4ff)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:15px;line-height:1.55;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 800px 500px at 10% 10%,rgba(255,64,96,.07) 0,transparent 65%),radial-gradient(ellipse 600px 400px at 90% 70%,rgba(0,212,255,.06) 0,transparent 65%),radial-gradient(ellipse 400px 500px at 50% 95%,rgba(155,89,255,.05) 0,transparent 65%);animation:ambientDrift 25s ease-in-out infinite alternate}@keyframes ambientDrift{0%{opacity:1}100%{opacity:.6;transform:scale(1.04)}}body::after{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");opacity:.6}#nav{position:fixed;top:0;left:0;right:0;z-index:400;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(7,7,15,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--rim)}.logo{display:flex;align-items:center;gap:10px}.logo-gem{width:34px;height:34px;border-radius:9px;background:var(--g-fire);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,64,96,.45);flex-shrink:0}.logo-name{font-family:'Bebas Neue',sans-serif;font-size:21px;letter-spacing:.04em;background:var(--g-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tag{font-size:9px;font-family:'Space Mono',monospace;color:var(--ink3);letter-spacing:.1em}.nav-links{display:flex;gap:2px}.nav-a{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:500;color:var(--ink3);cursor:pointer;border:1px solid transparent;background:0 0;font-family:'DM Sans',sans-serif;transition:all .18s;white-space:nowrap}.nav-a:hover{color:var(--ink);border-color:var(--rim2);background:var(--raised)}#spill{display:flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;background:var(--shell);border:1px solid var(--rim);font-family:'Space Mono',monospace;font-size:10px;color:var(--ink3)}.sd{width:7px;height:7px;border-radius:50%;background:var(--ink3);transition:all .3s;flex-shrink:0}.sd.work{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:sdp .9s infinite}.sd.ok{background:var(--lime);box-shadow:0 0 8px var(--lime)}.sd.err{background:var(--coral);box-shadow:0 0 8px var(--coral)}.sd.rec{background:var(--coral);box-shadow:0 0 8px var(--coral);animation:sdp .65s infinite}@keyframes sdp{0%,100%{opacity:1}50%{opacity:.25}}#page{position:relative;z-index:1;padding-top:56px}.section{max-width:860px;margin:0 auto;padding:52px 20px;border-bottom:1px solid var(--rim)}.section:last-child{border-bottom:none}#hero{text-align:center;padding:68px 20px 52px;border-bottom:1px solid var(--rim)}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:999px;background:rgba(255,64,96,.09);border:1px solid rgba(255,64,96,.3);font-family:'Space Mono',monospace;font-size:10px;color:var(--coralL);letter-spacing:.1em;margin-bottom:24px}.hero-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 8px var(--coral)}.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px, 11vw, 108px);letter-spacing:.02em;line-height:.92;margin-bottom:18px}.hero-h1 em{display:block;font-style:normal;background:var(--g-mix);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(255,64,96,.4))}.hero-sub{font-size:16px;font-weight:300;color:var(--ink2);max-width:500px;margin:0 auto}.sec-hd{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.sec-n{font-family:'Bebas Neue',sans-serif;font-size:72px;line-height:.82;color:var(--rim3);letter-spacing:-.02em;user-select:none;flex-shrink:0;margin-top:-6px}.sec-t h2{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(22px, 3.5vw, 34px);line-height:1.1;margin-bottom:3px}.sec-t p{font-size:12px;color:var(--ink3);font-weight:300}.card{background:var(--shell);border:1px solid var(--rim);border-radius:14px;padding:20px;margin-bottom:12px;transition:border-color .2s}.card:hover{border-color:var(--rim2)}.c-fire{border-top:2px solid var(--coral)}.c-ice{border-top:2px solid var(--cyan)}.c-gold{border-top:2px solid var(--gold)}.c-lime{border-top:2px solid var(--lime)}.c-vio{border-top:2px solid var(--vio)}.clb{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px;display:flex;align-items:center;gap:7px}.app-input{width:100%;background:var(--raised,#1e2233);border:1px solid var(--rim2,#2a2f45);border-radius:9px;color:var(--ink,#ededf8);padding:11px 13px;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}.app-input:focus{outline:0;border-color:var(--coral,#ff4060);box-shadow:0 0 0 3px rgba(255,64,96,.12)}input::placeholder,textarea::placeholder{color:var(--ink3,#8892b0)}textarea{resize:vertical}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--raised);border:none;cursor:pointer;outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--coral);cursor:pointer;border:2px solid var(--void);box-shadow:0 0 10px rgba(255,64,96,.5)}input[type=checkbox]{width:36px;height:20px;border-radius:10px;-webkit-appearance:none;appearance:none;background:var(--raised);cursor:pointer;position:relative;border:1px solid var(--rim2);transition:all .2s;flex-shrink:0}input[type=checkbox]::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}input[type=checkbox]:checked{background:var(--coral);border-color:var(--coral)}input[type=checkbox]:checked::after{transform:translateX(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;letter-spacing:.01em;transition:all .18s;white-space:nowrap}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-fire{background:var(--g-fire);color:#fff;box-shadow:0 2px 18px rgba(255,64,96,.35)}.btn-fire:hover:not(:disabled){box-shadow:0 4px 30px rgba(255,64,96,.5)}.btn-ice{background:var(--g-ice);color:#fff;box-shadow:0 2px 14px rgba(0,212,255,.3)}.btn-ice:hover:not(:disabled){box-shadow:0 4px 24px rgba(0,212,255,.45)}.btn-lime{background:var(--g-lime);color:#001;box-shadow:0 2px 14px rgba(63,255,170,.3)}.btn-lime:hover:not(:disabled){box-shadow:0 4px 24px rgba(63,255,170,.45)}.btn-gold{background:var(--gold);color:#111;box-shadow:0 2px 14px rgba(255,184,48,.3)}.btn-ghost{background:0 0;color:var(--ink2);border:1px solid var(--rim2)}.btn-ghost:hover:not(:disabled){background:var(--raised);color:var(--ink);border-color:var(--rim3)}.btn-danger{background:var(--coral);color:#fff;box-shadow:0 2px 14px rgba(255,64,96,.4)}.btn-lg{padding:13px 26px;font-size:14px;border-radius:11px}.btn-full{width:100%}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--rim2);background:0 0;color:var(--ink2);transition:all .16s;white-space:nowrap;font-family:'DM Sans',sans-serif}.chip:hover{border-color:var(--rim3);color:var(--ink)}.chip.on-f{border-color:var(--coral);color:var(--coralL);background:rgba(255,64,96,.1)}.chip.on-b{border-color:var(--cyan);color:var(--cyanL);background:rgba(0,212,255,.08)}.chip.on-g{border-color:var(--gold);color:var(--goldL);background:rgba(255,184,48,.09)}.chip.on-l{border-color:var(--lime);color:var(--limeL);background:rgba(63,255,170,.08)}.rr{margin-bottom:13px}.rr:last-child{margin-bottom:0}.rr-h{display:flex;justify-content:space-between;margin-bottom:6px}.rr-l{font-size:11px;color:var(--ink3);font-weight:500}.rr-v{font-size:11px;font-family:'Space Mono',monospace;color:var(--coralL)}.f{margin-bottom:15px}.f:last-child{margin-bottom:0}.fl{display:block;margin-bottom:5px;font-size:11px;font-weight:600;color:var(--ink3);letter-spacing:.07em;text-transform:uppercase}.tog{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--rim)}.tog:last-child{border-bottom:none}.tog-i h5{font-size:13px;font-weight:500;margin-bottom:2px}.tog-i p{font-size:11px;color:var(--ink3)}.hint{padding:10px 12px;border-radius:8px;font-size:12px;color:var(--ink2);background:var(--raised);border-left:2px solid var(--rim3);margin-top:10px;line-height:1.5}.hint-f{border-left-color:var(--coral)}.hint-b{border-left-color:var(--cyan)}.hint-g{border-left-color:var(--gold)}.hint-l{border-left-color:var(--lime)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:500px){.style-grid{grid-template-columns:repeat(2,1fr)}}.style-tile{padding:14px 8px;border-radius:10px;border:1.5px solid var(--rim2);cursor:pointer;transition:all .18s;text-align:center;background:var(--raised)}.style-tile.on{border-color:var(--coral);background:rgba(255,64,96,.08)}.style-tile:hover:not(.on){border-color:var(--rim3)}.style-ico{font-size:20px;margin-bottom:5px}.style-nm{font-size:12px;font-weight:600}.style-ds{font-size:10px;color:var(--ink3);margin-top:2px}#music-wave{height:54px;display:flex;align-items:flex-end;justify-content:center;gap:2px;margin-bottom:14px}.mwb{width:4px;border-radius:2px;min-height:4px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:500px){.mood-grid{grid-template-columns:repeat(2,1fr)}}.mood-tile{padding:12px 6px;border-radius:10px;border:1.5px solid var(--rim2);cursor:pointer;transition:all .18s;text-align:center;background:var(--raised)}.mood-tile.on{border-color:var(--cyan);background:rgba(0,212,255,.07)}.mood-tile:hover:not(.on){border-color:var(--rim3)}.mood-e{font-size:18px;margin-bottom:4px}.mood-n{font-size:11px;font-weight:600}.upload-zone{border:2px dashed var(--rim2);border-radius:10px;padding:18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--raised);position:relative}.upload-zone.drag,.upload-zone:hover{border-color:var(--cyan);background:rgba(0,212,255,.05)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-ico{font-size:24px;margin-bottom:6px}.upload-lbl{font-size:12px;color:var(--ink2)}.upload-lbl strong{color:var(--cyanL)}.upload-status{font-size:11px;font-family:'Space Mono',monospace;color:var(--lime);margin-top:6px}#tele{min-height:180px;background:var(--void);border:1px solid var(--rim2);border-radius:13px;padding:26px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#tele::before{content:'';position:absolute;top:0;left:0;right:0;height:44px;background:linear-gradient(var(--void),transparent);pointer-events:none;z-index:2}#tele::after{content:'';position:absolute;bottom:0;left:0;right:0;height:44px;background:linear-gradient(transparent,var(--void));pointer-events:none;z-index:2}#tele-lines{width:100%;text-align:center}.tl{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;line-height:1.45;padding:3px 0;color:rgba(255,255,255,.18);transition:all .4s ease}.tl.cur{font-size:clamp(19px, 4vw, 27px);color:#fff;text-shadow:0 0 40px rgba(255,64,96,.9),0 0 80px rgba(255,64,96,.3);animation:lycur .4s ease}.tl.prv{color:rgba(255,255,255,.1)}.tl.nxt{color:rgba(255,255,255,.34)}@keyframes lycur{0%{transform:scale(.94);opacity:0}100%{transform:scale(1);opacity:1}}.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:500px){.fx-grid{grid-template-columns:repeat(2,1fr)}}.fx-tile{padding:13px 8px;border-radius:10px;border:1.5px solid var(--rim2);cursor:pointer;transition:all .18s;text-align:center;background:var(--raised)}.fx-tile.on{border-color:var(--cyan);background:rgba(0,212,255,.08)}.fx-tile:hover:not(.on){border-color:var(--rim3)}.fx-i{font-size:21px;margin-bottom:5px}.fx-n{font-size:12px;font-weight:600}.fx-d{font-size:10px;color:var(--ink3);margin-top:2px;line-height:1.3}#vu-wrap{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:48px}.vub{width:6px;border-radius:2px;min-height:4px;transition:height .04s}#rec-outer{display:flex;flex-direction:column;align-items:center;padding:28px 0 16px}#rec-ring{width:92px;height:92px;border-radius:50%;background:rgba(255,64,96,.1);border:2px solid rgba(255,64,96,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-bottom:12px}#rec-ring:hover{background:rgba(255,64,96,.2);border-color:rgba(255,64,96,.6);transform:scale(1.04)}#rec-ring.armed{background:rgba(255,64,96,.22);border-color:var(--coral);animation:rpulse 1.4s ease-in-out infinite}#rec-ring.active{background:rgba(255,64,96,.28);border-color:var(--coral);animation:rpulse .85s ease-in-out infinite}@keyframes rpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,64,96,.5)}50%{box-shadow:0 0 0 22px rgba(255,64,96,0)}}#rec-dot{width:38px;height:38px;border-radius:50%;background:var(--coral);transition:all .22s;box-shadow:0 0 18px rgba(255,64,96,.6)}#rec-ring.active #rec-dot{border-radius:7px;width:28px;height:28px}#rec-lbl{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--ink2)}#rec-clock{font-family:'Bebas Neue',sans-serif;font-size:38px;color:var(--coral);letter-spacing:.06em;display:none;text-shadow:0 0 20px rgba(255,64,96,.5)}#rec-clock.show{display:block}#cd{position:fixed;inset:0;z-index:8900;background:rgba(7,7,15,.95);display:none;flex-direction:column;align-items:center;justify-content:center}#cd.show{display:flex}#cd-n{font-family:'Bebas Neue',sans-serif;font-size:170px;line-height:1;background:var(--g-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 50px rgba(255,64,96,.6));animation:cdpop .7s ease}@keyframes cdpop{0%{transform:scale(1.7);opacity:0}100%{transform:scale(1);opacity:1}}#cd-s{font-size:17px;color:var(--ink2);margin-top:10px}#stage-shell{position:relative;border-radius:13px;overflow:hidden;border:1px solid var(--rim2);margin-bottom:12px;background:#000;aspect-ratio:9/16;max-height:520px}#threejs-bg{position:absolute;inset:0;z-index:0}#stage-cv{position:absolute;inset:0;z-index:1;width:100%;height:100%}#stage-empty{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink3);gap:8px;pointer-events:none}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:500px){.scene-grid{grid-template-columns:repeat(2,1fr)}}.scene-tile{padding:12px 6px;border-radius:10px;border:1.5px solid var(--rim2);cursor:pointer;transition:all .18s;text-align:center;background:var(--raised);aspect-ratio:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center}.scene-tile.on{border-color:var(--gold);background:rgba(255,184,48,.08)}.scene-tile:hover:not(.on){border-color:var(--rim3)}.scene-e{font-size:18px;margin-bottom:4px}.scene-n{font-size:10px;font-weight:600;color:var(--ink2)}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.font-opt{padding:10px;border-radius:8px;border:1.5px solid var(--rim2);cursor:pointer;transition:all .18s;text-align:center;background:var(--raised);color:var(--ink2);font-size:14px}.font-opt.on{border-color:var(--vio);color:var(--ink);background:rgba(155,89,255,.08)}.col-row{display:flex;gap:8px;flex-wrap:wrap}.csw{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .18s;flex-shrink:0}.csw.on{border-color:#fff;transform:scale(1.3);box-shadow:0 0 10px rgba(255,255,255,.3)}.prog-w{height:3px;background:var(--raised);border-radius:2px;overflow:hidden}.prog-b{height:100%;background:var(--g-fire);width:0%;border-radius:2px;transition:width .25s}#dl-pill{display:none;align-items:center;justify-content:center;gap:9px;padding:15px 26px;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;font-family:'DM Sans',sans-serif;color:#001;background:var(--g-lime);animation:dlg 2s ease-in-out infinite;width:100%;text-align:center;margin-top:12px}#dl-pill.show{display:flex}@keyframes dlg{0%,100%{box-shadow:0 4px 20px rgba(63,255,170,.3)}50%{box-shadow:0 6px 50px rgba(63,255,170,.6)}}.flex{display:flex;align-items:center}.flex-b{display:flex;align-items:center;justify-content:space-between}.flex-c{display:flex;align-items:center;justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-2{color:var(--ink2)}.text-3{color:var(--ink3)}.bold{font-weight:600}.w-full{width:100%}.hidden{display:none!important}.mono{font-family:'Space Mono',monospace}.spin{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:_sp .7s linear infinite;display:inline-block}@keyframes _sp{to{transform:rotate(360deg)}}@media(max-width:600px){.section{padding:36px 14px}.nav-links{display:none}.logo-tag{display:none}#stage-shell{aspect-ratio:3/4;max-height:400px}}