:root{--bg-pitch-black: #000000;--bg-night-deep: #07080d;--bg-night-card: rgba(18, 20, 32, .85);--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .12);--border-glass-glow: rgba(167, 139, 250, .3);--accent-purple: #a78bfa;--accent-gold: #fbbf24;--accent-pink: #f472b6;--accent-teal: #6ee7b7;--accent-blue: #93c5fd;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-glow-purple: 0 0 25px rgba(167, 139, 250, .25);--shadow-glow-gold: 0 0 25px rgba(251, 191, 36, .25);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-night-deep);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(167,139,250,.5)}.glass-panel{background:var(--bg-night-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e}.glass-button{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-main);padding:.6rem 1.2rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-glow);transform:translateY(-1px);box-shadow:var(--shadow-glow-purple)}.glass-button.active{background:rgba(167,139,250,.2);border-color:var(--accent-purple);color:#fff;box-shadow:var(--shadow-glow-purple)}.glass-button.primary{background:linear-gradient(135deg,#8b5cf6,#d946ef);border:none;color:#fff;font-weight:600}.glass-button.primary:hover{box-shadow:0 0 30px #8b5cf680;transform:translateY(-2px)}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes twinkleGlow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes glowExpand{0%{transform:scale(.6);opacity:.3}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1);opacity:1}}.anim-float{animation:floatGentle 6s ease-in-out infinite;will-change:transform;transform-style:preserve-3d}.anim-pulse{animation:pulseGlow 4s ease-in-out infinite;will-change:transform;transform-style:preserve-3d}.anim-twinkle{animation:twinkleGlow 3s ease-in-out infinite;will-change:transform,opacity;transform-style:preserve-3d}.anim-glow-expand{animation:glowExpand 3s ease-out infinite;will-change:transform,opacity;transform-style:preserve-3d}.oled-bedtime-screen{background-color:var(--bg-pitch-black);position:relative;width:100%;height:100vh;overflow:hidden;user-select:none}.hud-controls{transition:opacity .5s ease,transform .5s ease}.hud-controls.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.stage-transform-box{position:absolute;pointer-events:auto;border:2px dashed #a78bfa;border-radius:12px;box-shadow:0 0 15px #a78bfa66;touch-action:none}.stage-handle-rotate{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:#a78bfa;border:2px solid #ffffff;color:#000;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 0 10px #a78bfacc;zIndex:30}.stage-handle-rotate:active{cursor:grabbing;background:#f472b6}.stage-handle-scale{position:absolute;bottom:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#f472b6;border:2px solid #ffffff;cursor:nwse-resize;box-shadow:0 0 10px #f472b6cc;zIndex:30}.transition-perspective{perspective:1000px;transform-style:preserve-3d}.oled-bedtime-screen svg,.stage-transform-box svg{width:100%;height:100%;display:block}body.pseudo-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;overflow:hidden!important;background:#07080d!important;margin:0!important;padding:0!important}body.pseudo-fullscreen #root{width:100vw!important;height:100vh!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-bottom-sheet{align-items:flex-end!important;padding:0!important}.mobile-bottom-sheet .glass-panel{border-radius:24px 24px 0 0!important;max-height:90vh!important;overflow-y:auto!important;padding-bottom:calc(1.5rem + var(--sab))!important}}@media (min-width: 769px){.mobile-only{display:none!important}}