.mut{color:var(--text-muted);font-weight:400}.status-row{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-dim)}.card-title{display:flex;align-items:center;font-weight:700;font-size:.95rem;margin-bottom:14px}.notice{font-size:.82rem;color:var(--text-muted);background:#9d7bff0f;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;margin:12px 0 0}.btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.rule{border:none;border-top:1px solid var(--border);margin:22px 0}.stack{display:flex;flex-direction:column;gap:18px}.response{font-family:var(--mono);font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}.response.empty{color:var(--text-muted);font-family:var(--sans)}.response .rstatus{display:inline-block;padding:2px 9px;border-radius:999px;font-weight:600;margin-bottom:10px}.response .rstatus.ok{background:#6ee7a824;color:var(--ok)}.response .rstatus.bad{background:#ff6b7d24;color:var(--err)}.response .rhdr{color:var(--text-muted)}.response .rbody{color:var(--text-dim);margin-top:10px}.conn-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.conn-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-2);border-bottom:1px solid var(--border)}.conn-head .target{font-family:var(--mono);font-weight:600}.conn-head .cstat{margin-left:auto;font-size:.82rem;color:var(--text-muted)}.conn-body{padding:12px 14px}.hex{display:flex;gap:8px;margin-top:10px}.stat-row{display:flex;gap:18px;font-size:.82rem;color:var(--text-muted);margin-top:8px}.stat-row b{color:var(--text-dim);font-weight:600}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.tile{text-align:center;padding:20px 14px}.tile .n{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.tile .l{font-size:.8rem;color:var(--text-muted);margin-top:2px}.progress{height:8px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin:6px 0}.progress>span{display:block;height:100%;background:var(--grad-brand);width:0;transition:width .15s linear}.explorer{margin-top:18px}.explorer[hidden]{display:none}.explorer-search{margin-bottom:16px}.result-block{margin-bottom:22px}.result-block h3{color:var(--violet-bright);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.result-summary dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 14px}.result-summary dt{color:var(--text-muted);font-size:.85rem}.result-summary dd{margin:0;font-family:var(--mono);font-size:.82rem;color:var(--text-dim)}.search-active .result-summary{display:none}.flag-bar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.flag-badge{font-size:.75rem;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-dim)}.flag-badge.guard{border-color:#57d9e0;color:#9ff0f5}.flag-badge.exit{border-color:#ff79c6;color:#ffb3e1}.flag-badge.hsdir{border-color:var(--violet);color:var(--violet-bright)}.freshness-bar-wrap{position:relative;margin:4px 0 16px}.freshness-bar{display:flex;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.freshness-bar .segment{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.68rem;white-space:pre;text-align:center;filter:saturate(.3);transition:filter .3s}.freshness-bar .segment.active{filter:brightness(1.5) saturate(1)}.freshness-bar .seg-prevalid{flex:0 0 58px;background:#17131f;color:var(--text-muted)}.freshness-bar .seg-fresh{background:#15251c;color:#7ee0a6}.freshness-bar .seg-valid{background:#2a2312;color:#ffcf7a}.freshness-bar .seg-stale{flex:0 0 58px;background:#2a1620;color:#ff8fa0}.freshness-now{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);box-shadow:0 0 8px var(--text);transition:left 1s linear}.item-list{display:flex;flex-direction:column;gap:4px}.item-row{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.item-summary{display:flex;align-items:center;gap:9px;padding:8px 11px;cursor:pointer;font-size:.85rem}.item-summary:hover{background:var(--surface-hover)}.item-summary .chevron{color:var(--text-muted);font-size:.7rem;transition:transform .15s}.item-row.open .chevron{transform:rotate(90deg)}.item-summary .label{font-family:var(--mono);color:var(--text);word-break:break-all}.item-summary .meta{margin-left:auto;color:var(--text-muted);font-size:.78rem;white-space:nowrap}.item-detail{display:none;border-top:1px solid var(--border)}.item-row.open .item-detail{display:block}.raw-text{margin:0;padding:11px 13px;font-family:var(--mono);font-size:.76rem;line-height:1.5;color:var(--text-dim);background:#08060d;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.vlist-browser{margin-top:8px}.vlist-info{font-size:.78rem;color:var(--text-muted);margin-bottom:6px}.vlist-viewport{position:relative;height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#08060d}.vlist-sentinel{width:1px}.vlist-item{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:.8rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03)}.vlist-item:hover{background:#9d7bff0f}.vlist-item .nickname{font-family:var(--mono);color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.vlist-item .ip{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vlist-item .bw{color:var(--text-muted);white-space:nowrap;margin-left:auto}.vlist-item .mini-flags{display:flex;gap:4px}.vlist-item .mini-flag{font-size:.62rem;padding:1px 6px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted)}.vlist-item .mini-flag.guard{border-color:#57d9e0;color:#9ff0f5}.vlist-item .mini-flag.exit{border-color:#ff79c6;color:#ffb3e1}.vlist-expanded{position:absolute;left:0;right:0;z-index:2;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.demo-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}.demo-step{transition:opacity .2s}.demo-step.locked{opacity:.45;pointer-events:none}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-head h2{font-size:1.15rem;margin:0;letter-spacing:-.01em}.step-badge{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:#9d7bff1f;border:1px solid var(--border-strong);color:var(--violet-bright);font-weight:700;font-size:.85rem}.step-head .dot{margin-left:auto}.step-status{font-size:.88rem;color:var(--text-dim)}body.has-drawer{padding-bottom:48px}.log-drawer{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#0c0a12f0;backdrop-filter:blur(14px);border-top:1px solid var(--border)}.log-bar{display:flex;align-items:center;padding-right:14px}.log-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:13px 24px;background:none;border:none;cursor:pointer;color:var(--text-dim);font:inherit;text-align:left}.log-toggle:hover{color:var(--text)}.log-chevron{font-size:.75rem;color:var(--text-muted);transition:transform .2s}.log-drawer.open .log-chevron{transform:rotate(180deg)}.log-bar-title{font-weight:600;font-size:.85rem;flex:none}.log-latest{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.log-count{flex:none;font-size:.72rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.log-body{height:0;overflow:hidden;transition:height .25s var(--ease)}.log-drawer.open .log-body{height:42vh}.log-body .console{height:100%;border:none;border-top:1px solid var(--border);border-radius:0}.resp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.resp-chip{font-size:.8rem;padding:3px 11px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);font-family:var(--mono)}.resp-status{font-weight:700}.resp-status.s2{color:var(--ok);border-color:#6ee7a866}.resp-status.s3{color:var(--teal);border-color:#57d9e066}.resp-status.s4{color:var(--warn);border-color:#ffd16666}.resp-status.s5{color:var(--err);border-color:#ff6b7d66}.resp-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--border);margin-bottom:14px}.resp-tab{background:none;border:none;color:var(--text-muted);padding:8px 13px;cursor:pointer;font:inherit;font-size:.88rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.resp-tab:hover{color:var(--text-dim)}.resp-tab.active{color:var(--text);border-bottom-color:var(--violet)}.resp-tab-count{color:var(--text-muted);font-size:.74rem}.resp-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.resp-view-controls{display:inline-flex;gap:6px;align-items:center}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{background:none;border:none;color:var(--text-muted);padding:5px 11px;cursor:pointer;font:inherit;font-size:.8rem}.seg button:hover{color:var(--text-dim)}.seg button.active{background:var(--surface-hover);color:var(--text)}.resp-code{margin:0;padding:14px 16px;background:#08060d;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.82rem;line-height:1.6;color:var(--text-dim);max-height:480px;overflow:auto;white-space:pre-wrap;word-break:break-word}.resp-code.nowrap{white-space:pre;word-break:normal}.j-key{color:var(--violet-bright)}.j-str{color:var(--ok)}.j-num{color:var(--teal)}.j-bool{color:var(--pink)}.j-null{color:var(--text-muted)}.resp-table{width:100%;border-collapse:collapse;font-size:.82rem}.resp-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}.resp-table .k{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;width:1%}.resp-table .v{font-family:var(--mono);color:var(--text-dim);word-break:break-all}.resp-preview{width:100%;height:440px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.resp-img{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border)}.resp-note{font-size:.82rem;color:var(--text-muted);margin:0 0 10px}