:root{--bg: #fafafa;--bg-2: #ffffff;--bg-3: #f0f0f0;--fg: #1a1a1a;--muted: #666666;--accent: #0055cc;--accent-2: #006600;--warn: #885500;--err: #cc0000;--border: #cccccc;--max: 820px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.ok{color:var(--accent)}.error{color:var(--err);min-height:1em;margin:8px 0 0}.cursor{color:var(--accent)}.ascii-rule{color:var(--accent);font-size:12px;margin:8px 0;letter-spacing:-1px}.section-rule{color:var(--accent);font-size:12px;margin:16px 0 12px}.status-bar{position:sticky;top:0;z-index:10;background:var(--bg-2);border-bottom:1px solid var(--border)}.status-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-wrap:wrap;gap:12px}.status-cell{display:flex;align-items:center;gap:8px;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot-red{background:var(--err);box-shadow:0 0 6px var(--err)}.dot-green{background:var(--accent);box-shadow:0 0 6px var(--accent)}.dot-amber{background:var(--warn);box-shadow:0 0 6px var(--warn)}.page-head{padding:32px 0 8px}.page-head h1{font-size:22px;margin:8px 0;font-weight:500}.back{font-size:12px;color:var(--muted)}.section{margin:24px 0}.page-foot{padding:32px 0 24px;text-align:center;font-size:12px}.btn{display:inline-block;padding:8px 16px;font-family:var(--mono);font-size:13px;border:1px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;transition:all .15s}.btn:hover,.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:transparent;color:var(--accent)}.btn-ghost{border-color:var(--muted);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);background:transparent;color:var(--accent)}textarea{width:100%;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);font-family:var(--mono);font-size:13px;padding:12px;resize:vertical}textarea:focus{outline:none;border-color:var(--accent)}.row{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.decoder-list{list-style:none;padding:0;margin:0}.decoder-list li{padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.decoder-list a{color:var(--fg);display:block}.decoder-list a:hover{color:var(--accent);text-decoration:none}.arrow{color:var(--accent);display:inline-block;width:20px}.feed{display:flex;flex-direction:column;gap:12px}.empty{border:1px dashed var(--border);padding:24px;color:var(--muted);text-align:center;font-size:13px}.alert{border:1px solid var(--border);background:var(--bg-2);padding:0;animation:slide-in .35s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-head{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.alert-head .tier{color:var(--accent)}.alert-head .src{color:var(--accent-2)}.alert-body{padding:14px;font-size:13px}.alert-body .row-l{display:flex;gap:8px;padding:2px 0}.alert-body .label{color:var(--muted);min-width:80px}.alert-body .val{color:var(--fg);flex:1}.alert-body .sev-1{color:#05c}.alert-body .sev-2{color:#850}.alert-body .sev-3{color:var(--warn)}.alert-body .sev-4{color:#c40}.alert-body .sev-5{color:var(--err);font-weight:700}.inspect-toggle{display:block;width:100%;text-align:left;background:transparent;border:none;border-top:1px solid var(--border);color:var(--muted);padding:10px 14px;font-family:var(--mono);font-size:12px;cursor:pointer}.inspect-toggle:hover{color:var(--accent)}.inspect-table{width:100%;border-collapse:collapse;font-size:11px;border-top:1px solid var(--border)}.inspect-table th,.inspect-table td{text-align:left;padding:6px 12px;border-bottom:1px solid var(--border);font-family:var(--mono)}.inspect-table th{color:var(--muted);font-weight:500;background:var(--bg-3)}.inspect-table td.hex{color:var(--accent)}.inspect-table tr:hover td{background:var(--bg-3)}@media(max-width:600px){.alert-body .label{min-width:60px}.inspect-table th:nth-child(3),.inspect-table td:nth-child(3){display:none}}
