:root{--bg: #fafaf7;--bg-panel: #ffffff;--bg-2: #ffffff;--bg-3: #f5f5f2;--bg-hover: #f5f5f2;--bg-subtle: #f7f7f4;--border: #e6e5e0;--border-hot: #c9c8c0;--border-strong: #c9c8c0;--text: #1a1a1a;--text-dim: #5a5a58;--text-mute: #9a9a95;--accent: #10a260;--accent-dim: #0a7a47;--accent-bg: #e6f7ee;--accent-warn: #c4431e;--warn: #c4431e;--warn-bg: #fce9e1;--accent-good: #10a260;--info: #4a7bc4;--info-bg: #e3ecf8;--yellow: #d69e2e;--yellow-bg: #fdf5e0;--purple: #7c5cfc;--purple-bg: #efe9fe;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f0f14;--bg-panel: #17171f;--bg-2: #17171f;--bg-3: #1e1e28;--bg-hover: #1e1e28;--bg-subtle: #14141c;--border: #26262f;--border-hot: #3a3a48;--border-strong: #3a3a48;--text: #e5e5ea;--text-dim: #a0a0a8;--text-mute: #67676f;--accent: #10c070;--accent-dim: #0ea560;--accent-bg: rgba(16, 192, 112, .1);--accent-warn: #e06060;--warn: #e06060;--warn-bg: rgba(224, 96, 96, .12);--accent-good: #10c070;--info-bg: rgba(74, 123, 196, .15);--yellow-bg: rgba(214, 158, 46, .15);--purple-bg: rgba(124, 92, 252, .15);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{appearance:none;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);padding:7px 12px;font:inherit;font-size:13px;border-radius:6px;cursor:pointer;transition:background .1s ease,border-color .1s ease}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hot)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}button.primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.warn{color:var(--warn);border-color:var(--warn);background:transparent}button.warn:hover:not(:disabled){background:var(--warn-bg)}input,textarea,select{appearance:none;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);padding:7px 10px;font:inherit;font-size:13px;border-radius:6px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}code,pre{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;letter-spacing:.02em}.badge.ok{background:var(--accent-bg);color:var(--accent-dim)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.badge.mute{background:var(--bg-hover);color:var(--text-mute)}.muted{color:var(--text-mute)}.dim{color:var(--text-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}