:root{--flow-void: #09090b;--flow-surface-1: rgba(255,255,255,.02);--flow-surface-2: rgba(255,255,255,.04);--flow-surface-3: rgba(255,255,255,.06);--flow-surface-4: rgba(255,255,255,.08);--flow-accent: #8b5cf6;--flow-accent-glow: rgba(139,92,246,.15);--flow-accent-glow-strong: rgba(139,92,246,.4);--flow-emerald: #10b981;--flow-settings: #a78bfa;--flow-ceo: #d946ef;--flow-browser: #22d3ee;--flow-red: #ef4444;--flow-border-subtle: rgba(255,255,255,.05);--flow-border-medium: rgba(255,255,255,.1);--flow-border-strong: rgba(255,255,255,.15);--flow-text-primary: rgba(255,255,255,.9);--flow-text-secondary: rgba(255,255,255,.5);--flow-text-tertiary: rgba(255,255,255,.3);--flow-font-ui: "Sora", sans-serif;--flow-font-mono: "JetBrains Mono", monospace;--flow-radius-sm: 12px;--flow-radius-md: 20px;--flow-radius-lg: 40px;--flow-glass-blur-light: blur(16px) saturate(1.2);--flow-glass-blur-medium: blur(40px) saturate(1.5);--flow-glass-blur-heavy: blur(80px) saturate(1.8);--flow-perspective: 1200px;--flow-translate-z: 900px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--flow-void);color:var(--flow-text-primary);font-family:var(--flow-font-ui);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.glass-obsidian{background:#0a0a0c66;backdrop-filter:var(--flow-glass-blur-heavy);-webkit-backdrop-filter:var(--flow-glass-blur-heavy);border:1px solid var(--flow-border-subtle);border-top:1px solid var(--flow-border-medium);box-shadow:0 30px 80px #000000e6,inset 0 0 0 1px #ffffff05,0 0 40px var(--flow-accent-glow);transition:box-shadow .4s ease,border-color .4s ease,transform .3s ease;will-change:transform}.glass-obsidian:hover{box-shadow:0 40px 100px #000000fc,inset 0 0 0 1px #ffffff0d,0 0 60px #8b5cf640;border-color:#8b5cf633}.cylinder-perspective{perspective:var(--flow-perspective);width:100vw;height:100vh;position:relative;z-index:2}.panel-container{position:absolute;left:50%;top:50%;width:100vw;height:100vh;margin-left:-50vw;margin-top:-50vh;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.neon-text{text-shadow:0 0 20px var(--flow-accent-glow-strong),0 0 60px var(--flow-accent-glow)}.font-mono{font-family:var(--flow-font-mono)}.dot-grid-bg{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E")}kbd{display:inline-block;padding:2px 8px;background:var(--flow-surface-2);border:1px solid var(--flow-border-medium);border-radius:6px;font-family:var(--flow-font-mono);font-size:10px;color:var(--flow-text-tertiary);line-height:1.6;transition:all .2s ease}kbd:hover{background:var(--flow-surface-3);border-color:var(--flow-accent);color:var(--flow-accent);transform:translateY(-1px);box-shadow:0 2px 8px var(--flow-accent-glow)}input:focus{box-shadow:0 0 20px var(--flow-accent-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate-stars{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nebula-pulse{0%{opacity:.72}to{opacity:.92}}@keyframes glow-breathe{0%{opacity:.08;transform:translate(-50%,-50%) scale(.95)}to{opacity:.15;transform:translate(-50%,-50%) scale(1.05)}}@keyframes intro-bloom{0%{opacity:0;transform:scale(.85)}to{opacity:.9;transform:scale(1)}}@keyframes intro-rise{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin-diamond{to{transform:rotate(405deg)}}@keyframes ring-expand{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes intro-fade-text{0%{opacity:0}to{opacity:1}}