*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:#08080f;font-family:Jost,sans-serif;overscroll-behavior:none}[data-theme=midnight]{--bg1:#0a0a16;--bg2:#141431;--gold:#dcb86a;--gold-deep:#9c7a30;--gold-line:rgba(220,184,106,.38);--on-gold:#1a1408;--text:#f3ecdc;--muted:rgba(243,236,220,.55);--glow:rgba(150,130,255,.42);--glow-soft:rgba(220,184,106,.32);--card-bg:#13122a;--card-glow:rgba(150,130,255,.32);--back-1:#191942;--back-2:#0c0c22;--panel:rgba(255,255,255,.045)}[data-theme=amethyst]{--bg1:#15071c;--bg2:#2c1233;--gold:#edcaa6;--gold-deep:#b07d63;--gold-line:rgba(237,202,166,.4);--on-gold:#2a1018;--text:#f7ece7;--muted:rgba(247,236,231,.56);--glow:rgba(196,92,216,.42);--glow-soft:rgba(237,202,166,.3);--card-bg:#26123c;--card-glow:rgba(196,92,216,.3);--back-1:#371748;--back-2:#1b0826;--panel:rgba(255,255,255,.05)}[data-theme=emerald]{--bg1:#04130d;--bg2:#0b231a;--gold:#d3c18a;--gold-deep:#8f7f48;--gold-line:rgba(211,193,138,.38);--on-gold:#0a1610;--text:#eef3ea;--muted:rgba(238,243,234,.55);--glow:rgba(64,202,150,.4);--glow-soft:rgba(211,193,138,.3);--card-bg:#0c2018;--card-glow:rgba(64,202,150,.28);--back-1:#113225;--back-2:#06150f;--panel:rgba(255,255,255,.045)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,var(--glow) 0%,transparent 45%),linear-gradient(170deg,var(--bg2),var(--bg1) 60%)}.bottom-glow{position:absolute;bottom:-90px;left:0;width:300px;height:260px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(22px);background:radial-gradient(circle,var(--glow-soft) 0%,transparent 66%);animation:floatGlow 16s ease-in-out infinite;will-change:transform,opacity}@keyframes floatGlow{0%,to{transform:translate(0) translateY(0);opacity:.7}33%{transform:translate(60px) translateY(-20px);opacity:1}66%{transform:translate(-40px) translateY(10px);opacity:.55}}.star-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.55}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen-in{animation:screenIn .32s ease both}@keyframes cardPulse{0%,to{box-shadow:inset 0 0 0 1px var(--gold-line),0 0 20px var(--glow-soft)}50%{box-shadow:inset 0 0 0 1px var(--gold),0 0 36px var(--glow-soft)}}.card-pulse{animation:cardPulse 2s ease-in-out infinite}.card-sheen{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);animation:sheenMove 3.5s ease-in-out infinite}@keyframes sheenMove{0%,to{opacity:0;transform:translate(-100%)}40%,60%{opacity:1}80%{opacity:0;transform:translate(200%)}}.sheen-band{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.1) 50%,transparent 75%);animation:sheenBand 4s ease-in-out infinite;transform:translate(-100%)}@keyframes sheenBand{0%,to{transform:translate(-100%);opacity:0}20%{opacity:1}70%{transform:translate(200%);opacity:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.float{animation:floatY 4s ease-in-out infinite}.noscroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.noscroll::-webkit-scrollbar{display:none}@keyframes typeDot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.dot1{animation:typeDot 1.2s infinite}.dot2{animation:typeDot 1.2s .2s infinite}.dot3{animation:typeDot 1.2s .4s infinite}