:root{--bg-primary:#07090e;--bg-secondary:#0d121d;--bg-card:#121826d9;--bg-card-hover:#1c263ae6;--bg-input:#111726;--bg-elevated:#162032;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-glow:#00e5ff66;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-glow:#e0f2fe;--accent-cyan:#00e5ff;--accent-cyan-glow:#00e5ff40;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f640;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b40;--accent-green:#10b981;--accent-green-glow:#10b98140;--accent-red:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--shadow-glow:0 0 20px var(--accent-cyan-glow)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{background-color:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.mono-text{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);box-shadow:0 0 25px var(--accent-cyan-glow)}.btn{font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#04101e;background:linear-gradient(135deg,#00e5ff 0%,#09f 100%);box-shadow:0 2px 10px #00e5ff59}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff80}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:#fff}.btn-accent-amber{color:#1a0f00;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 10px #f59e0b59}.btn-accent-amber:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b80}.btn-success{color:#022013;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 10px #10b98159}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98180}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.btn-sm{padding:5px 10px;font-size:12px}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#00e5ff26;border:1px solid #00e5ff4d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-green{color:var(--accent-green);background:#10b98126;border:1px solid #10b9814d}.badge-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--accent-cyan-glow)}50%{box-shadow:0 0 25px #00e5ff80}}.anim-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-12px)scale(.95)}14%{opacity:1;transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.97)}}.draggable-canvas-widget{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.draggable-canvas-widget.is-dragging{opacity:.95;transform:scale(1.025);box-shadow:0 16px 36px #000c,0 0 24px #00e5ff80!important}