:root{--color-twilight-lilac: #C4A1FF;--color-amber-honey: #F3C969;--color-fairyglass-cyan: #89F0E0;--color-deep-dream-violet: #2E1A3D;--color-cloud-petal: #FFF4F0;--color-soft-frost-glass: rgba(200, 175, 255, .15);--color-midnight-violet: #1a0f2e;--color-dusk-rose: #E8A0C8;--color-meadow-green: #8FCC9F;--bg: var(--color-deep-dream-violet);--bg-dark: var(--color-midnight-violet);--surface: var(--color-soft-frost-glass);--fg: var(--color-cloud-petal);--muted: rgba(255, 244, 240, .6);--accent: var(--color-twilight-lilac);--accent-warm: var(--color-amber-honey);--accent-magic: var(--color-fairyglass-cyan);--border: rgba(196, 161, 255, .2);--font-display: "Cinzel", Georgia, serif;--font-body: "Quicksand", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-glow: 0 0 30px rgba(196, 161, 255, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);font-family:var(--font-body);color:var(--fg);user-select:none;-webkit-user-select:none;cursor:default}canvas{display:block;touch-action:none;outline:none}.glass-panel{background:#2e1a3d8c;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4a1ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c4a1ff80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #c4a1ff4d}50%{box-shadow:0 0 40px #c4a1ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.9}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.22,1,.36,1) forwards}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}
