:root{--ink: #12263a;--ink-soft: #3d5266;--ink-faint: #7d8fa0;--paper: #f7f9fb;--card: #ffffff;--line: #dde5ec;--signal: #e8a317;--signal-soft: #fdf3dd;--true: #1a7f4e;--false: #a33c3c;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--body: "Instrument Sans", system-ui, -apple-system, sans-serif;--s-search: #eda100;--s-display: #2a78d6;--s-video: #eb6834;--s-shopping: #1baf7a;--s-other: #7d8fa0;--s-unsupported: #3d5266;--bar: #12263a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.wordmark{font-family:var(--display);font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:8px;text-decoration:none;padding:6px 10px;margin-bottom:22px}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:none;border-radius:8px;padding:9px 10px;font-size:.93rem;color:var(--ink-soft);font-weight:500}.nav button:hover{background:var(--paper);color:var(--ink)}.nav button.active{background:var(--signal-soft);color:var(--ink);font-weight:600}.nav button .dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0}.nav button.active .dot{background:var(--signal)}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.side-foot .email{font-family:var(--mono);font-size:.75rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px 8px}.side-foot a{display:block;padding:7px 10px;border-radius:8px;font-size:.88rem;color:var(--ink-soft);text-decoration:none}.side-foot a:hover{background:var(--paper)}.content{flex:1;padding:36px 40px 64px;min-width:0}.content>header{margin-bottom:26px}.content h1{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:1.7rem}.content header p{color:var(--ink-soft);font-size:.95rem;margin-top:4px;max-width:64ch}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px}.card h2{font-family:var(--display);font-size:1.05rem;font-weight:600;margin-bottom:14px}.row{display:flex;gap:20px;flex-wrap:wrap}.row>.card{flex:1;min-width:220px}.btn{display:inline-block;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:.9rem;padding:9px 16px;text-decoration:none;background:var(--ink);color:#fff}.btn:hover{opacity:.92}.btn.ghost{background:var(--card);border-color:var(--line);color:var(--ink)}.btn.ghost:hover{border-color:var(--ink-faint);opacity:1}.btn.signal{background:var(--signal);color:var(--ink)}.btn.danger{background:none;border-color:var(--line);color:var(--false)}.btn.danger:hover{border-color:var(--false)}.btn.small{padding:5px 12px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--card);color:var(--ink)}input[type=text]:focus,select:focus,textarea:focus{outline:2px solid var(--signal);outline-offset:0;border-color:transparent}textarea{font-family:var(--mono);font-size:.82rem;line-height:1.6;width:100%}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;padding:8px 12px;border-bottom:1px solid var(--line)}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}td.mono,.mono{font-family:var(--mono);font-size:.84em}.table-scroll{overflow-x:auto}.badge{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.05em;border-radius:999px;padding:3px 10px}.badge.live{background:#e3f2ea;color:var(--true)}.badge.test{background:var(--paper);color:var(--ink-faint);border:1px solid var(--line)}.badge.revoked{background:#f7e8e8;color:var(--false)}.badge.search{background:var(--signal-soft);color:#8a5b00}.badge.plain{background:var(--paper);color:var(--ink-soft);border:1px solid var(--line)}.stat{padding:18px 22px}.stat .label{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.stat .value{font-family:var(--display);font-size:2rem;font-weight:700;line-height:1.1}.stat .sub{font-size:.82rem;color:var(--ink-faint);margin-top:4px}.meter{height:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;margin-top:12px;overflow:hidden}.meter>div{height:100%;background:var(--signal);border-radius:999px}.empty{text-align:center;padding:44px 20px;color:var(--ink-soft);font-size:.95rem}.empty .hint{color:var(--ink-faint);font-size:.85rem;margin-top:6px}.error-note{background:#f7e8e8;border:1px solid #e5c9c9;color:var(--false);border-radius:8px;padding:10px 14px;font-size:.88rem;margin-bottom:16px}.reveal{background:var(--ink);color:#e9eef3;border-radius:12px;padding:20px 22px;margin-bottom:20px}.reveal .warn{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);margin-bottom:10px}.reveal .keybox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:.92rem;word-break:break-all}.chart-wrap{position:relative}.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font-family:var(--mono);font-size:.75rem;padding:6px 10px;border-radius:6px;transform:translate(-50%,calc(-100% - 10px));white-space:nowrap;z-index:5}.chart-tip .k{color:#9fb0c0}.hbar-row{display:grid;grid-template-columns:170px 1fr 70px;gap:12px;align-items:center;padding:7px 0}.hbar-name{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{position:relative;height:18px}.hbar-track>div{position:absolute;inset:0 auto 0 0;border-radius:0 4px 4px 0;min-width:2px}.hbar-val{font-family:var(--mono);font-size:.82rem;color:var(--ink)}.toggle-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.linklike{background:none;border:none;color:var(--ink-soft);font-size:.83rem;text-decoration:underline}.linklike:hover{color:var(--ink)}.snippet{background:#0d1b29;color:#d7e2ec;border-radius:10px;padding:16px 18px;font-family:var(--mono);font-size:.8rem;line-height:1.65;overflow-x:auto;position:relative;margin-bottom:16px;white-space:pre}.snippet .copy{position:absolute;top:10px;right:10px;background:#ffffff14;color:#d7e2ec;border:none;border-radius:6px;padding:4px 10px;font-size:.72rem}.snippet .copy:hover{background:#ffffff29}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate .card{max-width:400px;text-align:center;padding:40px 34px}.gate h1{font-family:var(--display);font-size:1.5rem;margin:14px 0 8px}.gate p{color:var(--ink-soft);font-size:.94rem;margin-bottom:24px}@media(max-width:800px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:10px 14px;overflow-x:auto}.wordmark{margin-bottom:0}.nav{flex-direction:row}.nav button .dot{display:none}.side-foot{margin:0 0 0 auto;border:none;padding:0;display:flex;align-items:center}.side-foot .email{display:none}.content{padding:24px 16px 48px}.hbar-row{grid-template-columns:110px 1fr 60px}}