:root{color-scheme:dark;--bg: #0a0a0f;--bg-deep: #050507;--panel: #13131b;--panel-hover: #1b1b24;--line: #23232e;--line-strong: #2c2c38;--text: #f3f3f6;--text-2: #cfcfd8;--muted: #8a8a96;--muted-2: #7d7d8c;--accent: #7b61ff;--accent-light: #a98bff;--accent-grad: linear-gradient(150deg, #7b61ff, #5a3ff0);--success: #35c46f;--warning: #c98b4a;--danger: #e0556a;--playhead: #ff3b3b;--snap: #ffd24a;--font-ui: "Archivo", system-ui, sans-serif;--font-display: "Anton", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-control: 8px;--r-card: 12px;--r-pill: 20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px}button{font:inherit;color:var(--text);background:#16161e;border:1px solid var(--line-strong);border-radius:var(--r-control);padding:7px 14px;cursor:pointer;height:34px}button:hover{background:var(--panel-hover)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);font-weight:700}button.primary:hover{background:#6a51f0}button.success{background:var(--success);border-color:var(--success);color:#06130b;font-weight:700}button.success:hover{background:#2eb163}a{color:var(--accent-light)}code,.mono{font-family:var(--font-mono)}input,select,textarea{font:inherit;color:var(--text);background:#0e0e15;border:1px solid var(--line-strong);border-radius:var(--r-control);padding:7px 10px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);outline-offset:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:16px}.card h3{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.4px}.scroll-thin::-webkit-scrollbar{height:10px;width:10px}.scroll-thin::-webkit-scrollbar-thumb{background:#22222c;border-radius:6px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.topbar{flex-wrap:wrap;row-gap:6px}@media (max-width: 1100px){.topbar-steps{display:none!important}}@media (max-width: 960px){.responsive-grid-2,.responsive-grid-3,.responsive-cols{grid-template-columns:1fr!important}}@media (max-width: 720px){.sidebar{width:46px!important;padding:10px 3px!important}.sidebar .side-label,.sidebar .side-plan,.top-btn-label{display:none!important}}@media (max-width: 640px){.responsive-grid-4,.responsive-stat-grid{grid-template-columns:repeat(2,1fr)!important}}