:root{--bg: #0a0a0b;--surface: #17171a;--raised: #232328;--border: #34343b;--border-strong: #45454e;--line: #1e1f23;--text: #f4f4f6;--text-2: #a4a4ad;--text-3: #74747d;--amber: #ffb020;--amber-dim: #8a5f12;--amber-glow: rgba(255, 176, 32, .16);--green: #3dd68c;--green-dim: rgba(61, 214, 140, .14);--orange: #ff8a3d;--orange-dim: rgba(255, 138, 61, .14);--red: #ff5c5c;--red-dim: rgba(255, 92, 92, .14);--red-deep: #8f2f33;--mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: Inter, system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--lift: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0));--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 16px 32px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 50px 100px -20px rgba(0, 0, 0, .85)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .42s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 22ms)}@keyframes glow-pulse{0%,to{opacity:.55}50%{opacity:1}}*{box-sizing:border-box}html,body,#demo-root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a3a40}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}