@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap";:root{color:#f5f2eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101413;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{--ink:#f5f2eb;--muted:#9c9b95;--line:#f5f2eb24;background:#101413;max-width:1440px;min-height:100svh;margin:auto;padding:0 5.5vw 25px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand,.top-actions,.status-pill,.mode-heading,.mode-actions,.volume-control,.swatches,.bottom-note{align-items:center;display:flex}.brand{letter-spacing:.12em;gap:10px;font-size:15px;font-weight:600}.brand-mark{color:#deb96a;border:1px solid #deb96a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.brand-divider{color:#555952;margin:0 2px}.brand-sub{color:#a0a49b;letter-spacing:.2em;font-size:11px}.top-actions{gap:10px}.icon-button,.skip-button,.chevron-button{color:#c0c1ba;background:0 0;border:0;place-items:center;padding:9px;display:grid}.icon-button:hover,.skip-button:hover{color:#fff}.status-pill{color:#cdd0c7;letter-spacing:.11em;background:#1b211e;border:1px solid #303a33;border-radius:30px;gap:8px;padding:9px 13px;font:10px DM Mono,monospace}.status-dot{background:#dbbd77;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #dbbd77}.status-dot.is-live{background:#75f0b3;box-shadow:0 0 9px #75f0b3}.stage{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 62%,#173d36 0,#122621 20%,#101a18 53%,#101413 82%);height:500px;transition:background .12s linear;position:relative;overflow:hidden}.stage.is-active{background:radial-gradient(circle at 50% 62%,#245a44 0,#162c27 25%,#111917 62%,#101413 82%)}.stage-copy{z-index:2;position:absolute;top:105px;left:8%}.eyebrow,.section-kicker,.track-label,.stage-footer,.bottom-note{letter-spacing:.14em;color:#a9aaa0;font:10px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow-line{background:#d2af60;width:25px;height:1px}.stage h1{letter-spacing:-.06em;margin:22px 0 19px;font-size:clamp(44px,6vw,78px);font-weight:500;line-height:.98}.stage h1 em{color:#e4bd70;font-family:Playfair Display,serif}.stage-description{color:#b0b4aa;max-width:280px;font-size:13px;line-height:1.55}.ambient{filter:blur(15px);opacity:.5;border-radius:50%;animation:6s ease-in-out infinite alternate drift;position:absolute}.ambient-one{background:#c6363c;width:220px;height:220px;top:-90px;right:22%;box-shadow:0 0 100px #c6363c}.ambient-two{background:#25a78c;width:190px;height:190px;animation-delay:-2s;bottom:-60px;right:-70px;box-shadow:0 0 100px #25a78c}.ambient-three{opacity:.2;background:#e6b964;width:120px;height:120px;animation-delay:-4s;bottom:0;left:45%}.stars i{opacity:.7;background:#fff1b7;border-radius:50%;width:3px;height:3px;animation:2.5s ease-in-out infinite twinkle;position:absolute}.stars i:first-child{top:19%;left:49%}.stars i:nth-child(2){animation-delay:-.4s;top:12%;left:68%}.stars i:nth-child(3){animation-delay:-1s;top:33%;left:79%}.stars i:nth-child(4){animation-delay:-1.6s;top:30%;left:43%}.stars i:nth-child(5){animation-delay:-.2s;top:53%;left:88%}.stars i:nth-child(6){animation-delay:-.8s;top:57%;left:57%}.stars i:nth-child(7){animation-delay:-1.4s;top:71%;left:75%}.stars i:nth-child(8){animation-delay:-2s;top:68%;left:35%}.stars i:nth-child(9){animation-delay:-.6s;top:85%;left:64%}.stars i:nth-child(10){animation-delay:-1.8s;top:22%;left:93%}.stars i:nth-child(11){animation-delay:-1.1s;top:45%;left:52%}.stars i:nth-child(12){animation-delay:-2.2s;top:49%;left:71%}.stars i:nth-child(13){animation-delay:-.9s;top:78%;left:82%}.stars i:nth-child(14){animation-delay:-1.5s;top:79%;left:47%}.stars i:nth-child(15){animation-delay:-.3s;top:76%;left:97%}.stars i:nth-child(16){animation-delay:-1.9s;top:18%;left:33%}.orbit{border:1px solid #d1b87138;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:460px;height:180px;top:110px;right:7%}.orbit-two{border-color:#69dcb51a;width:620px;height:245px;top:78px;right:-2%;transform:rotate(18deg)}.center-burst{width:150px;height:150px;position:absolute;top:175px;right:22%}.burst-core{background:#ffe5a4;border-radius:50%;animation:1.4s ease-in-out infinite pulse;position:absolute;inset:46px;box-shadow:0 0 25px #ffe1a0,0 0 75px #ffbb5ecc}.burst-ring{border:1px solid #ffe5a499;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:22px}.burst-ring-two{border-style:dashed;border-color:#62d7b580;animation-duration:18s;animation-direction:reverse;inset:2px}.frequency{opacity:.7;align-items:end;gap:5px;width:260px;height:55px;display:flex;position:absolute;bottom:45px;right:12%}.frequency span{background:linear-gradient(#55d9b0,#e5b862);border-radius:4px 4px 0 0;flex:1;min-height:4px;transition:height .25s}.stage-footer{align-items:center;gap:11px;display:flex;position:absolute;bottom:21px;left:8%}.footer-line{background:#4d5c51;width:42px;height:1px}.stage-footer strong{color:#ddbd73;font-weight:400}.control-panel{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:115px;display:flex}.now-playing{align-items:center;gap:15px;min-width:250px;display:flex}.album-art{background:linear-gradient(145deg,#c74442,#793136 52%,#1d453d);border-radius:6px;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0005}.album-art:before,.album-art:after{content:"";border:1px solid #efcc7b66;border-radius:50%;position:absolute}.album-art:before{width:80px;height:80px}.album-art:after{width:45px;height:45px}.album-snow{color:#fff4d0;font-size:13px;position:absolute;top:3px;right:9px}.album-tree{color:#efcc7b;z-index:1;font-size:40px;line-height:1;transform:rotate(180deg)}.album-art.is-playing .album-tree{animation:1s infinite pulse}.track-label{color:#8d978d;margin:0 0 5px;font-size:9px}.now-playing h2,.mode-row h2,.settings-card h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500}.track-meta{color:#777f79;margin-top:5px;font-size:11px}.track-meta span{color:#be9a5c;margin:0 5px}.transport{align-items:center;gap:13px;display:flex}.play-button{color:#18201b;background:#e0bd72;border:0;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 5px 20px #d5ad5d44}.play-button:hover{background:#f0d48f;transform:scale(1.04)}.volume-control{color:#747e76;justify-content:flex-end;gap:10px;min-width:160px}.mini-meter{background:#303833;border-radius:5px;width:75px;height:3px}.mini-meter span{border-radius:inherit;background:#d9b56b;height:100%;transition:width .2s;display:block}.volume-value{color:#9da398;width:28px;font:10px DM Mono,monospace}.mode-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:108px;display:flex}.mode-heading{gap:13px}.mode-icon{color:#dfbd70;border:1px solid #72613e;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.section-kicker{color:#858f87;margin:0 0 6px;font-size:9px}.chevron-button{margin-left:6px}.swatches{gap:7px}.swatch{border:3px solid #111816;border-radius:50%;outline:1px solid #465047;width:22px;height:22px;display:block}.mode-actions{gap:13px}.mic-button,.adjust-button{color:#c8ccc2;letter-spacing:.06em;background:#1a221e;border:1px solid #3c463e;border-radius:4px;align-items:center;gap:7px;padding:10px 13px;font:10px DM Mono,monospace;display:flex}.mic-button.active{color:#75f0b3;border-color:#4d866a}.adjust-button{color:#a9aaa0;background:0 0;border-color:#0000}.settings-card{border-bottom:1px solid var(--line);background:#17201b;max-width:500px;margin-left:auto;padding:22px 25px}.settings-header{color:#ddbd73;justify-content:space-between;margin-bottom:18px;display:flex}.settings-card label{color:#aab1a9;grid-template-columns:1fr auto;gap:7px;margin-top:15px;font-size:12px;display:grid}.settings-card label span{color:#dbb96c;font:10px DM Mono,monospace}.settings-card input{accent-color:#d6b36a;grid-column:1/-1;width:100%}.bottom-note{color:#6c766e;justify-content:center;gap:13px;padding-top:21px;font-size:8px}.footer-spark{color:#d5b46d;font-size:13px}@keyframes pulse{0%,to{opacity:.85;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(18px,12px)scale(1.08)}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1.4)}}.immersive{padding:0}.immersive .topbar,.immersive .control-panel,.immersive .mode-row,.immersive .settings-card,.immersive .bottom-note{display:none}.immersive .stage{z-index:20;cursor:pointer;background:radial-gradient(circle at 50% 48%, rgba(255,235,172,calc(var(--energy) * .012)) 0, transparent 25%), linear-gradient(115deg, rgba(210,36,55,calc(var(--energy) * .007)) 0%, transparent 38%), linear-gradient(250deg, rgba(31,215,171,calc(var(--energy) * .01)) 0%, transparent 44%), #081411;border:0;width:100vw;height:100dvh;position:fixed;inset:0}.immersive .stage:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 12% 25%, rgba(255,45,73,calc(var(--energy) * .009)) 0, transparent 38%), radial-gradient(ellipse at 87% 72%, rgba(0,231,173,calc(var(--energy) * .011)) 0, transparent 42%), radial-gradient(ellipse at 52% 105%, rgba(255,183,63,calc(var(--energy) * .009)) 0, transparent 40%);mix-blend-mode:screen;filter:saturate(1.35);transition:opacity 80ms linear;position:absolute;inset:0}.immersive .stage:after{content:"";pointer-events:none;opacity:calc(var(--energy) * .0035);mix-blend-mode:screen;background:#fff;transition:opacity 60ms linear;position:absolute;inset:0}.immersive .stage-copy,.immersive .stage-footer,.immersive .frequency,.immersive .orbit,.immersive .stars{display:none}.immersive .ambient{filter:blur(35px);opacity:calc(.35 + var(--energy) * .006);transform:scale(calc(1 + var(--energy) * .003));animation:none}.immersive .ambient-one{width:80vw;height:80vw;top:-25vw;right:-8vw}.immersive .ambient-two{width:85vw;height:85vw;bottom:-20vw;right:-30vw}.immersive .ambient-three{width:65vw;height:65vw;bottom:-32vw;left:18vw}.immersive .center-burst{transform:scale(calc(.55 + var(--energy) * .009));transition:transform 60ms linear;top:calc(50% - 75px);right:calc(50% - 75px)}.immersive .burst-core{box-shadow:0 0 calc(30px + var(--energy) * 1.4px) #ffe1a0, 0 0 calc(100px + var(--energy) * 3px) #ffbb5ed9}.immersive .burst-ring{border-color:#ffe5a4cc}@media (width<=700px){.app-shell{padding:0 20px 20px}.topbar{height:74px}.brand-sub,.brand-divider{display:none}.top-actions{gap:3px}.status-pill{padding:8px 10px}.stage{height:520px;margin:0 -20px}.stage-copy{top:70px;left:26px}.stage h1{font-size:54px}.center-burst{top:268px;right:25%;transform:scale(.8)}.orbit-one{top:200px;right:-28%}.orbit-two{top:180px;right:-45%}.frequency{width:190px;bottom:40px;right:28px}.stage-footer{bottom:20px;left:26px}.control-panel{flex-wrap:wrap;gap:18px;padding:20px 0}.now-playing{flex:1;min-width:0}.transport{order:3;justify-content:center;width:100%}.volume-control{min-width:0}.mode-row{flex-wrap:wrap;gap:20px;padding:20px 0}.mode-heading{flex:1}.swatches{order:3}.mode-actions{justify-content:space-between;width:100%}.settings-card{margin:0}.bottom-note{font-size:7px}}