@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,:root[data-theme=dark]{color-scheme:dark;--bg: 10 11 13;--panel: 17 19 23;--panel2: 22 25 31;--raised: 27 31 38;--line: 42 44 50;--line2: 60 62 70;--ink: 236 231 218;--dim: 155 149 138;--faint: 106 102 93;--seal: 216 166 87;--allow: 127 209 163;--deny: 232 131 107;--hold: 230 184 78;--revert: 124 198 214;--purple: 192 139 214;--on-seal: 26 20 7;--scroll: rgba(233, 228, 216, .13);--radius: 12px}:root[data-theme=light]{color-scheme:light;--bg: 245 242 233;--panel: 255 253 247;--panel2: 240 236 226;--raised: 232 227 214;--line: 223 218 204;--line2: 204 198 181;--ink: 41 37 32;--dim: 96 90 80;--faint: 128 121 108;--seal: 166 117 41;--allow: 39 138 86;--deny: 190 73 44;--hold: 156 108 18;--revert: 41 126 151;--purple: 138 92 168;--on-seal: 255 253 247;--scroll: rgba(40, 36, 30, .22)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:rgb(var(--bg));color:rgb(var(--ink));font-family:Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.01em;font-size:14px;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:9px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.display{font-family:Fraunces,Georgia,serif}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(880px 560px at 4% -8%,rgba(216,166,87,.09),transparent 60%),radial-gradient(1000px 640px at 100% 0%,rgba(124,198,214,.045),transparent 55%)}.sidebar{position:sticky;top:0;height:100vh;z-index:1;border-right:1px solid rgb(var(--line));background:rgb(var(--panel) / .6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;padding:18px 14px;gap:4px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 16px}.brand .name{font-family:Fraunces,serif;font-size:21px;font-weight:600;line-height:1}.brand .sub{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--faint));margin-top:4px}.nav-group{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--faint));padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border-radius:9px;border:none;cursor:pointer;background:transparent;color:rgb(var(--dim));text-align:left;font-size:13.5px;font-family:inherit;letter-spacing:-.01em;transition:background .12s,color .12s}.nav-item:hover{background:rgb(var(--panel2));color:rgb(var(--ink))}.nav-item.active{background:rgb(var(--raised));color:rgb(var(--ink))}.nav-item.active .nav-ic{color:rgb(var(--seal))}.nav-ic{width:16px;height:16px;flex-shrink:0;color:rgb(var(--faint))}.nav-item .hint{font-size:10.5px;color:rgb(var(--faint));display:block;margin-top:1px}.nav-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:rgb(var(--faint));background:rgb(var(--panel2));border:1px solid rgb(var(--line));border-radius:999px;padding:1px 7px}.main{position:relative;z-index:1;min-width:0;overflow-x:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:14px 30px;border-bottom:1px solid rgb(var(--line));position:sticky;top:0;background:rgb(var(--bg) / .85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.surface{max-width:1180px;margin:0 auto;padding:26px 30px 80px;animation:fade .4s cubic-bezier(.2,.7,.2,1)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--seal))}h1.title{font-family:Fraunces,serif;font-size:30px;font-weight:600;margin:6px 0 0;letter-spacing:-.01em}.lead{color:rgb(var(--dim));font-size:14.5px;line-height:1.55;max-width:680px;margin:10px 0 0}.sec{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--faint));margin:30px 0 12px}.muted{color:rgb(var(--dim))}.faint{color:rgb(var(--faint))}.panel{border:1px solid rgb(var(--line));background:rgb(var(--panel));border-radius:var(--radius)}.card{border:1px solid rgb(var(--line));background:rgb(var(--panel));border-radius:var(--radius);padding:16px;transition:border-color .14s,transform .14s}.card.click{cursor:pointer}.card.click:hover{border-color:rgb(var(--line2));transform:translateY(-1px)}.grid{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column}.tag{display:inline-flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.tag.seal{color:rgb(var(--seal));border-color:rgb(var(--seal) / .4);background:rgb(var(--seal) / .08)}.tag.allow{color:rgb(var(--allow));border-color:rgb(var(--allow) / .4);background:rgb(var(--allow) / .08)}.tag.deny{color:rgb(var(--deny));border-color:rgb(var(--deny) / .4);background:rgb(var(--deny) / .08)}.tag.hold{color:rgb(var(--hold));border-color:rgb(var(--hold) / .4);background:rgb(var(--hold) / .08)}.tag.revert{color:rgb(var(--revert));border-color:rgb(var(--revert) / .4);background:rgb(var(--revert) / .08)}.tag.purple{color:rgb(var(--purple));border-color:rgb(var(--purple) / .4);background:rgb(var(--purple) / .08)}.tag.dim{color:rgb(var(--dim));border-color:rgb(var(--line2));background:rgb(var(--panel2))}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}.dot.live{animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn{font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;padding:7px 14px;cursor:pointer;border:1px solid transparent;transition:filter .12s,background .12s,border-color .12s;letter-spacing:-.01em}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:rgb(var(--seal));color:rgb(var(--on-seal))}.btn.primary:not(:disabled):hover{filter:brightness(1.08)}.btn.ghost{background:rgb(var(--panel2));color:rgb(var(--ink));border-color:rgb(var(--line))}.btn.ghost:not(:disabled):hover{border-color:rgb(var(--line2))}.btn.sm{font-size:11.5px;padding:4px 10px;border-radius:6px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--faint));font-weight:500;padding:9px 12px;border-bottom:1px solid rgb(var(--line))}.tbl td{padding:11px 12px;border-bottom:1px solid rgb(var(--line) / .6);vertical-align:middle;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr.click{cursor:pointer}.tbl tbody tr.click:hover td{background:rgb(var(--panel2) / .5)}select.inp,input.inp{width:100%;background:rgb(var(--panel2));border:1px solid rgb(var(--line));color:rgb(var(--ink));border-radius:8px;padding:8px 11px;font-size:13px;font-family:inherit}select.inp:focus,input.inp:focus{outline:none;border-color:rgb(var(--seal) / .6)}.chip{background:rgb(var(--panel2));border:1px solid rgb(var(--line));border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;color:rgb(var(--dim));font-family:inherit;transition:all .12s}.chip:hover{color:rgb(var(--ink));border-color:rgb(var(--line2))}.chip.on{background:rgb(var(--seal));color:rgb(var(--on-seal));border-color:rgb(var(--seal));font-weight:600}.bar{height:7px;border-radius:999px;background:rgb(var(--panel2));overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:rgb(var(--seal))}.codeblock{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;background:rgb(var(--bg));border:1px solid rgb(var(--line));border-radius:10px;padding:14px 16px;overflow-x:auto;color:rgb(var(--dim));white-space:pre}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 14px}.empty{border:1px dashed rgb(var(--line2));border-radius:var(--radius);padding:40px;text-align:center;color:rgb(var(--faint))}