:root{--bg: #f5f7f9;--panel: #ffffff;--text: #15212c;--muted: #5d6b78;--line: #e1e6eb;--hover: #f0f3f6;--accent: #0b6bcb;--accent-text: #ffffff;--ok: #12805c;--ok-bg: #e6f5ee;--warn: #a65f00;--warn-bg: #fff4e0;--bad: #c0362c;--bad-bg: #fdecea;--mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0d1318;--panel: #151d24;--text: #e2e8ee;--muted: #93a1ae;--line: #26323c;--hover: #1c2630;--accent: #4c9ef0;--accent-text: #08131e;--ok: #4cc597;--ok-bg: #12291f;--warn: #f0b04c;--warn-bg: #2d2412;--bad: #f07c72;--bad-bg: #331a18;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}code,.mono{font-family:var(--mono);font-size:.92em}code{background:var(--hover);padding:.05em .35em;border-radius:4px}h1{font-size:1.4rem;margin:0}h2{font-size:1rem;margin:2rem 0 .75rem}.muted{color:var(--muted)}.small{font-size:.85em}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1rem .75rem;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.55rem;font-weight:650;font-size:1.05rem;padding:.25rem .5rem 1rem}.brand.big{font-size:1.35rem;padding:0 0 .25rem}.nav nav{display:flex;flex-direction:column;gap:2px}.nav nav a{color:var(--text);text-decoration:none;padding:.45rem .65rem;border-radius:7px}.nav nav a:hover{background:var(--hover)}.nav nav a.active{background:var(--hover);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.me{margin-top:auto;padding:.75rem .5rem 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.4rem}.me-id{font-size:.85em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:1.75rem clamp(1rem,3vw,2.5rem);min-width:0}.page{max-width:1200px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.lead{color:var(--muted);margin:.3rem 0 0;max-width:60rem}.actions,.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width:760px){.shell{grid-template-columns:1fr}.nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem}.brand{padding:0}.nav nav{flex-direction:row;flex-wrap:wrap}.me{margin:0 0 0 auto;border:0;padding:0;flex-direction:row;align-items:center}.me-id{display:none}}.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.42rem .85rem;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.small{padding:.25rem .5rem;font-size:.85em;align-self:flex-start}.btn.block{width:100%}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:.42rem .6rem}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search{min-width:min(18rem,100%)}label{display:flex;flex-direction:column;gap:.3rem;font-weight:550;font-size:.9em}label.check{flex-direction:row;align-items:center;gap:.4rem;font-weight:450}.inline-form{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.inline-form input{flex:1 1 14rem;max-width:24rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem}.form-grid{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--line);vertical-align:top}thead th{font-size:.78em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;background:var(--panel)}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}tbody tr:hover{background:var(--hover)}tr.dim td{color:var(--muted)}td.right{text-align:right}.center{text-align:center}.sub{color:var(--muted);font-size:.85em}.dot-wrap{display:inline-flex;align-items:center;gap:.4rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line);margin-right:.5rem}.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.ok-text{color:var(--ok);font-weight:550}.warn-text{color:var(--warn);font-weight:550}.badges{display:flex;flex-wrap:wrap;gap:.3rem}.badge{font-size:.8em;padding:.1rem .45rem;border-radius:999px;background:var(--hover);border:1px solid var(--line);text-decoration:none;color:var(--text)}.badge.blue{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.badge.amber{background:var(--warn-bg);color:var(--warn);border-color:transparent}.banner{padding:.65rem .9rem;border-radius:8px;margin-bottom:1rem}.banner.error{background:var(--bad-bg);color:var(--bad)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.ok{background:var(--ok-bg);color:var(--ok)}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:10px}.secret{background:var(--panel);border:2px solid var(--accent);border-radius:10px;padding:1rem;margin-bottom:1.25rem}.secret-head{display:flex;justify-content:space-between;align-items:center}.secret-row{display:flex;gap:.5rem;align-items:center}.secret-row code{flex:1;padding:.55rem .7rem;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.stats{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem;min-width:9rem}.stat-value{font-size:1.6rem;font-weight:650;font-variant-numeric:tabular-nums}.stat-label{color:var(--muted);font-size:.85em}.stat.ok .stat-value{color:var(--ok)}.stat.warn .stat-value{color:var(--warn)}.stat.bad .stat-value{color:var(--bad)}.matrix th,.matrix td{text-align:center;white-space:nowrap}.matrix tbody th{text-align:left;font-weight:600}.matrix .corner{color:var(--muted);font-weight:450;text-transform:none;letter-spacing:0}.matrix td.self{background:repeating-linear-gradient(45deg,transparent 0 6px,var(--hover) 6px 12px)}.cell{font-size:.85em}.cell .cell-path{display:block;font-weight:600}.cell .cell-lat{color:var(--muted);font-variant-numeric:tabular-nums}.cell.direct{background:var(--ok-bg)}.cell.direct .cell-path{color:var(--ok)}.cell.peer-relay{background:var(--ok-bg)}.cell.peer-relay .cell-path{color:var(--ok)}.cell.relay{background:var(--warn-bg)}.cell.relay .cell-path{color:var(--warn)}.cell.none{background:var(--bad-bg)}.cell.none .cell-path{color:var(--bad)}.editor{width:100%;min-height:24rem;font-family:var(--mono);font-size:13px;line-height:1.55;resize:vertical;-moz-tab-size:2;tab-size:2}.check-results{margin-top:.6rem;font-family:var(--mono);font-size:.88em}.err-line{color:var(--bad)}.warn-line{color:var(--warn)}.ok-line{color:var(--ok)}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(26rem,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:.9rem}.login-card p{margin:0}.or{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.85em}.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}.explain{margin-top:1.5rem}.explain h2{margin-top:0}.explain-result ul{margin:.4rem 0 0;padding-left:1.2rem}.explain-result li{margin:.15rem 0}.recording-view{margin-bottom:1.25rem}.recording-view pre{max-height:28rem;overflow:auto;background:var(--hover);padding:.75rem;border-radius:8px;font-family:var(--mono);font-size:12.5px;white-space:pre-wrap}