@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d0b16;--panel:#171320;--text:#f6f1fa;--muted:#b3a8bf;--pink:#edb3d6;--lime:#d9f58c;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a.primary,a.secondary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font:600 29px 'Outfit',sans-serif}.brand strong{display:block;font:600 9px 'DM Sans';letter-spacing:.22em;margin-top:1px;color:var(--muted)}.mark{background:var(--pink);border-radius:14px;color:#221329;width:45px;height:45px;display:grid;place-items:center;font-size:43px;position:relative;line-height:1}.mark span{font-size:20px;position:absolute;right:3px;top:3px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a{color:var(--muted)}nav button{background:transparent;border:1px solid #ffffff40;border-radius:8px;padding:11px 17px}main{max-width:1320px;margin:auto;padding:0 5%}h1,h2,h3{font-family:'Outfit',sans-serif;letter-spacing:-.045em}h1{font-size:clamp(48px,5.8vw,84px);line-height:1.04;margin:23px 0}h1 em{font-style:normal;color:var(--pink)}p{color:var(--muted);line-height:1.75}h2{font-size:clamp(30px,3.3vw,46px);line-height:1.13;margin:13px 0}h3{font-size:26px;margin:14px 0}.eyebrow{color:var(--pink);letter-spacing:.2em;font-size:10px;font-weight:700}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;min-height:570px;padding:60px 0 48px}.intro p{max-width:460px;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:14px 20px;border:1px solid transparent;font-size:13px;font-weight:700}.primary{background:var(--pink);color:#2d1830}.primary:hover{background:#f8d1e8}.secondary{background:#ffffff07;border-color:#ffffff24;color:var(--text)}.secondary:hover{background:#ffffff14}.chips{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#a79aaf;margin-top:28px}.chips span:before{content:'•';color:var(--lime);margin-right:5px}.art{height:380px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.halo{position:absolute;inset:10px;border-radius:50%;border:1px solid #edb3d63b;background:radial-gradient(circle,#92557730,transparent 68%);box-shadow:0 0 0 30px #edb3d605,0 0 0 65px #edb3d603}.mic{font-family:serif;font-size:240px;color:var(--pink);transform:rotate(-16deg);text-shadow:12px 18px 0 #6a3e6855;line-height:1}.bars{display:flex;gap:5px;position:absolute;bottom:45px;align-items:center;height:60px}.bars i{width:7px;height:25px;background:var(--lime);border-radius:8px}.bars i:nth-child(3n){height:55px}.bars i:nth-child(4n){height:42px}.bars i:nth-child(2n){height:35px}.art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.3em;color:var(--muted)}.studio{border-top:1px solid var(--line);padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.pill{border:1px solid #ffffff28;color:#cdbbd2;border-radius:99px;font-size:9px;letter-spacing:.1em;padding:9px 12px;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.stage{min-height:455px;border:1px solid #edb3d624;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#57304c55,transparent 65%),#100d19;display:grid;place-items:center}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage #mirror{object-fit:cover;transform:scaleX(-1);opacity:.4}.stage:fullscreen{border:0;border-radius:0;width:100%;height:100%;background:#0d0b16}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:10px;font-size:10px;color:#d4c5d7}.stage-top{top:20px}.stage-top span{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-top button{background:#0005;border:1px solid #ffffff25;border-radius:6px;width:34px;height:32px;font-size:23px}.stage-bottom{bottom:20px;font-size:9px;letter-spacing:.1em}#lyrics{text-align:center;padding:65px 25px;z-index:2;width:100%;pointer-events:none;text-shadow:0 3px 20px #000}#lyrics span{display:block;min-height:25px;color:#aa91ac;font-size:14px}#lyrics strong{display:block;font:600 clamp(25px,2.6vw,39px)/1.25 'Outfit';margin:20px 0;color:var(--pink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:25px}.panel p{font-size:12px;margin:10px 0 19px}.transport{display:flex;gap:9px}.transport .primary{flex:1}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:19px}input[type=range]{width:100%;accent-color:var(--pink);margin:9px 0 0}.divider{height:1px;background:var(--line);margin:20px 0}.file{display:block;padding:12px;border:1px dashed #ffffff35;border-radius:8px;font-size:11px;margin-top:9px;cursor:pointer}.file input{display:block;font-size:10px;width:100%;margin-top:8px;color:#ac9bb4}.wide{width:100%;margin-top:10px;font-size:11px;padding:11px}.small{font-size:11px!important;line-height:1.65!important}.help{font-size:11px;margin-top:17px}.party{margin:65px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.party p{font-size:14px;max-width:480px}.steps{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#cebed1;margin:23px 0}.steps b{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #84627d;border-radius:50%;margin-right:5px;color:var(--pink)}.party-card{border:1px solid #e0b6d331;background:linear-gradient(130deg,#33203055,#171320);padding:30px;border-radius:15px}.party-card h3{font-size:31px;line-height:1.15;margin:25px 0}.party-card ul{padding-left:17px;color:#cab9cf;font-size:12px;line-height:2.3}.party-card li::marker{color:var(--pink)}.install-section{text-align:center;border-top:1px solid var(--line);padding:43px 20px 47px}.install-section>p{max-width:580px;margin:17px auto;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1320px;margin:auto;padding:27px 5%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer span{font-size:17px;font-family:'Outfit'}footer b{font-size:9px;color:var(--pink);margin-left:8px}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:var(--lime);color:#27351c;border-radius:9px;padding:14px 22px;z-index:99;font-size:12px;max-width:92vw;width:max-content}dialog{border:1px solid #76516f;background:var(--panel);color:var(--text);border-radius:17px;padding:28px;max-width:480px;width:90%}dialog::backdrop{background:#000a}dialog p{font-size:13px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 5%}.brand{font-size:24px}.mark{width:38px;height:38px;font-size:36px}nav{gap:12px}nav a{display:none}nav button{font-size:11px;padding:10px}.intro{grid-template-columns:1fr;padding-top:37px;gap:0;min-height:0}h1{font-size:53px;margin:19px 0}.intro p{font-size:14px}.art{height:225px;margin:12px 0 22px}.halo{inset:10px 20%}.mic{font-size:155px}.bars{bottom:22px;transform:scale(.7)}.art-caption{bottom:-8px}.chips{gap:10px;font-size:9px}.section-heading{align-items:start}.section-heading .pill{font-size:7px;padding:7px}.studio-grid{grid-template-columns:1fr}.stage{min-height:315px}.panel{padding:22px}#lyrics strong{font-size:31px}#lyrics span{font-size:12px}.party{grid-template-columns:1fr;gap:23px;margin:45px 0}.party-card{padding:25px}.steps{gap:11px}.primary,.secondary{padding:13px 16px;font-size:12px}footer{flex-wrap:wrap;padding:24px 5%;line-height:1.6}.stage-top,.stage-bottom{left:17px;right:17px}.install-section{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
