@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg:#fafaf9;--surface:#fff;--surface-2:#f4f4f2;--panel:#121820;--ink:#16191d;--ink-2:#565c64;--ink-3:#8d939b;--line:#e4e4e1;--line-2:#cfcfca;--accent:#1b3a5c;--accent-ink:#1b3a5c;--accent-soft:#eef2f7;--accent-line:#c6d2e0;--on-accent:#fff;--green:#2f6b4f;--green-bg:#eaf2ee;--amber:#8a6d3b;--amber-bg:#f6f1e8;--amber-line:#ded3c0;--red:#8c3a3a;--red-bg:#f7eded;--display:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font-family:inherit}a{color:inherit}.masthead{border-bottom:1px solid var(--line);background:var(--surface)}.masthead-inner{flex-wrap:wrap;align-items:baseline;gap:14px;max-width:760px;margin:0 auto;padding:20px 24px;display:flex}.wordmark{font:800 22px/1 var(--display);letter-spacing:-.03em}.wordmark span{color:var(--ink-3)}.masthead-note{font:500 13px/1.4 var(--display);color:var(--ink-2)}.chain-pill{font:600 11px/1 var(--mono);letter-spacing:.04em;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:6px 11px}main{width:100%}.lede{font:500 17px/1.6 var(--display);color:var(--ink-2);max-width:58ch;margin:0 0 30px}.lede strong{color:var(--ink);font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:22px 24px 20px}.panel--feature{border-color:var(--line-2);box-shadow:0 1px 0 var(--line-2), 0 10px 30px -22px #1a181580}.panel--feature h2{color:var(--ink)}.panel h2{font:700 11px/1 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 16px;display:flex}.kv{border-collapse:collapse;width:100%}.kv td{border-top:1px solid var(--line);vertical-align:middle;padding:11px 0}.kv tr:first-child td{border-top:0;padding-top:2px}.kv td:first-child{font:500 14px/1.4 var(--display);color:var(--ink-2)}.kv td:last-child{text-align:right}.kv .val{font:600 15px/1.3 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.kv .val--muted{color:var(--ink-3);font-weight:500}.kv .val--big{font-size:19px;font-weight:700}.pill{font:700 11px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill--idle{color:var(--ink-3);background:var(--surface-2);border-color:var(--line)}.pill--open{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-line)}.pill--live{color:var(--green);background:var(--green-bg);border-color:#bfe3ce}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font:700 14px/1 var(--display);cursor:pointer;border-radius:9px;padding:10px 18px;transition:transform 60ms,box-shadow .15s,background .15s}button:hover:not(:disabled){box-shadow:0 4px 14px -6px #1a181573}button:active:not(:disabled){transform:translateY(1px)}button:disabled,button[disabled]{filter:saturate(.6);opacity:.45!important;cursor:not-allowed!important}button:disabled{background:var(--surface-2);border-color:var(--line);color:var(--ink-3);cursor:not-allowed}button.ghost{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);padding:8px 14px;font-weight:600}button.ghost:hover:not(:disabled){background:var(--surface-2);box-shadow:none}input{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);font:600 15px/1 var(--mono);border-radius:9px;width:150px;padding:10px 13px}input:focus{border-color:var(--ink-3);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.mono{font-family:var(--mono)}.dim{color:var(--ink-2);font-size:14px}.note{color:var(--ink-2);font:400 13.5px/1.65 var(--display);border-top:1px solid var(--line);max-width:62ch;margin:16px 0 0;padding-top:15px}.note strong{color:var(--ink);font-weight:700}.note--plain{border-top:0;padding-top:0}.warn{color:var(--amber);font-size:13.5px;font-weight:600}.banner{background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber);font:500 14px/1.5 var(--display);border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.addr{font:600 13px/1 var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px}@media (max-width:900px){.shell{flex-direction:column;gap:10px;padding:10px}.rail{border-radius:18px!important;width:100%!important;height:auto!important;position:static!important}.rail>div{gap:9px!important;padding:11px 13px!important}.rail nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overflow-x:auto;flex-direction:row!important;gap:6px!important}.rail nav::-webkit-scrollbar{display:none}.rail .navitem{white-space:nowrap;width:auto!important;padding:8px 12px!important}.rail>div>p{display:none!important}main{padding:4px 6px 72px!important}table{min-width:0!important}}@media (max-width:560px){main{padding:4px 4px 72px!important}.panel{padding:18px 16px 16px}h1{font-size:30px!important}}.kv.route td{vertical-align:top;padding-top:12px;padding-bottom:12px}.kv.route .val{font-size:15px}
