*{box-sizing:border-box}:root{--bg: #0d1117;--bg2: #161b22;--bg3: #21262d;--border: #30363d;--text: #e6edf3;--text-dim: #8b949e;--accent: #2f81f7;--live: #f85149;--ok: #3fb950;--warn: #d29922}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}#root{height:100%}button{font:inherit;color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:6px 14px;cursor:pointer}button:hover{border-color:var(--text-dim)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}button.danger{background:var(--live);border-color:var(--live);font-weight:600}button.ghost{background:transparent}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}input[type=range]{padding:0}.card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px}.dim{color:var(--text-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:5px}