:root{--bg: #12141a;--panel: #1b1e28;--panel-alt: #232735;--border: #313648;--text: #eef0f6;--text-dim: #9aa0b4;--accent: #6ee7c2;--accent-dim: #2f6e5c;--root: #ff9d6c;--root-dim: #7a4a30;--danger: #ff6b6b;--live: #7dd3fc;--custom: #c084fc;--custom-dim: #4a2f6b;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}button{font-family:inherit;cursor:pointer}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;transition:background .15s ease,border-color .15s ease,transform .1s ease}.pill:hover{border-color:var(--accent)}.pill--wide{padding:.4rem 1.4rem}.pill--active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.group{display:flex;flex-direction:column;gap:.4rem}.group__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}