:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-accent: #3b82f6;--text-accent-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--ui-glass-bg: rgba(26, 26, 26, .6);--ui-glass-border: rgba(255, 255, 255, .1);--ui-blur: 16px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;width:100vw;height:100vh}#root{width:100%;height:100%;position:relative}.glass-panel{background:var(--ui-glass-bg);backdrop-filter:blur(var(--ui-blur));-webkit-backdrop-filter:blur(var(--ui-blur));border:1px solid var(--ui-glass-border);border-radius:24px}.btn-primary{background:var(--text-accent);color:#fff;border:none;padding:12px 24px;border-radius:99px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary:active{transform:scale(.96)}.hidden{display:none!important}canvas{display:block}