:root{--accent: #2f6bf2;--accent-hover: #2a61dd;--accent-soft: #eef3fe;--accent-border: #cbd9f7;--claude: #7c5cff;--claude-soft: #f1edff;--success: #1f9d5b;--success-soft: #e8f6ee;--warning: #b7791f;--warning-soft: #fdf3e2;--danger: #d64545;--danger-soft: #fdeded;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fbfbfc;--border: #e6e8ec;--border-2: #eef0f3;--hairline: #f1f2f4;--text: #1c2024;--muted: #6b7280;--muted-2: #9aa1ab;--faint: #b3b9c2;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}#app{height:100vh}::selection{background:#d7e3fd}@keyframes vf-spin{to{transform:rotate(360deg)}}@keyframes vf-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes vf-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.vf-scroll::-webkit-scrollbar{width:10px;height:10px}.vf-scroll::-webkit-scrollbar-thumb{background:#d4d8de;border-radius:6px;border:3px solid var(--bg)}.vf-scroll::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{height:30px;padding:0 12px;font-size:12px;border-radius:7px}