:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Outfit", "Playfair Display", serif;--bg-color:#faf8f5;--bg-gradient:radial-gradient(circle at 10% 20%, #e9dbf066, transparent 50%), radial-gradient(circle at 90% 80%, #d9eaf266, transparent 50%);--text-primary:#1d2330;--text-secondary:#4c5567;--accent-color:#8147d1;--accent-glow:#8a2be226;--glass-bg:#ffffffa6;--glass-border:#00000014;--shadow-color:#1f26870d;--card-shadow:0 8px 32px 0 var(--shadow-color);--glass-blur:blur(20px)}[data-theme=dark]{--bg-color:#07070d;--bg-gradient:radial-gradient(circle at 20% 30%, #340b414d, transparent 60%), radial-gradient(circle at 80% 70%, #05272e4d, transparent 60%);--text-primary:#f2f5f7;--text-secondary:#b6bfc9;--accent-color:#d98cf2;--accent-glow:#d8709340;--glass-bg:#0a0c168c;--glass-border:#ffffff12;--shadow-color:#00000080;--card-shadow:0 8px 32px 0 var(--shadow-color), inset 0 0 0 1px #ffffff05}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background .5s,color .5s;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:var(--bg-gradient);pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";background:var(--accent-glow);filter:blur(120px);z-index:-1;pointer-events:none;border-radius:50%;width:300px;height:300px;animation:20s ease-in-out infinite alternate float-ambient;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}@keyframes float-ambient{0%{transform:translate(-55%,-45%)scale(1)}to{transform:translate(-45%,-55%)scale(1.2)}}h1,h2,h3,.mystical-text{font-family:var(--font-serif);letter-spacing:-.01em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:20px;transition:border-color .3s,box-shadow .3s}.interactive-element{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.interactive-element:hover{filter:brightness(1.1);transform:translateY(-2px)}.interactive-element:active{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);opacity:.5}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex}p{margin:0;line-height:1.6}code{background:#0000000d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}[data-theme=dark] code{background:#ffffff14}