*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #242424;--border: #333;--text: #e8e8e8;--muted: #888;--accent: #c8a96e;--danger: #e05c5c;--success: #5cb85c;--radius: 6px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}body{background:var(--bg);color:var(--text)}button{cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:var(--radius);padding:4px 10px;font-size:12px;transition:background .1s}button:hover:not(:disabled){background:#2f2f2f}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#000;border-color:var(--accent)}button.primary:hover:not(:disabled){background:#d9ba7e}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:#2a1515}input,select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 10px;font-size:14px;width:100%}input:focus,select:focus{outline:1px solid var(--accent)}.tag{display:inline-block;padding:1px 6px;border-radius:99px;font-size:11px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.tag.top{border-color:#6e9acc;color:#6e9acc}.tag.mid{border-color:#8ebc8e;color:#8ebc8e}.tag.leaf{border-color:var(--accent);color:var(--accent)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}