: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}}.tabs{display:flex;gap:0;margin:24px 0 0;border:1px solid var(--border);background:var(--bg-2)}.tab{flex:1;min-height:56px;padding:16px 20px;background:transparent;border:none;border-right:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:background .15s,color .15s}.tab:last-child{border-right:none}.tab:hover{background:var(--bg-3);color:var(--fg)}.tab-active,.tab-active:hover{background:var(--accent);color:var(--bg)}.tab-pane{display:none}.tab-pane-active{display:block}.send-app{padding:8px 0 32px;font-size:16px}.field{margin:20px 0}.field-label{display:block;font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.counter{float:right;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}.preset-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.preset-btn{min-height:64px;padding:16px;background:var(--bg-2);border:2px solid var(--err);color:var(--err);font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .1s}.preset-btn:hover{background:var(--err);color:var(--bg)}.preset-btn:active{transform:scale(.98)}@media(min-width:600px){.preset-row{grid-template-columns:repeat(4,1fr)}}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:480px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.cat-grid{grid-template-columns:repeat(5,1fr)}}.cat-btn{min-height:56px;padding:12px;background:var(--bg-2);border:2px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:15px;font-weight:500;cursor:pointer;text-align:center;line-height:1.2}.cat-btn:hover{border-color:var(--accent)}.cat-btn.sel{border-color:var(--accent);background:var(--accent);color:var(--bg);font-weight:700}.sev-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sev-btn{min-height:72px;padding:10px 4px;background:var(--bg-2);border:2px solid var(--border);font-family:var(--mono);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--fg);opacity:.55;transition:opacity .1s,transform .1s}.sev-btn:hover{opacity:.85}.sev-btn.sel{opacity:1;transform:scale(1.03);border-width:3px}.sev-num{font-size:22px;font-weight:700}.sev-name{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sev-bg-1{background:#e6f0ff;border-color:#05c;color:#05c}.sev-bg-1.sel{background:#05c;color:#fff}.sev-bg-2{background:#fff8dc;border-color:#a07000;color:#a07000}.sev-bg-2.sel{background:#f0b000;color:#1a1a1a}.sev-bg-3{background:#ffecd0;border-color:#c60;color:#c60}.sev-bg-3.sel{background:#e07500;color:#fff}.sev-bg-4{background:#ffd6d0;border-color:#c20;color:#c20}.sev-bg-4.sel{background:#c20;color:#fff}.sev-bg-5{background:#3a0000;border-color:#600;color:#fcc}.sev-bg-5.sel{background:#000;color:#f33;border-color:#000}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:600px){.status-grid{grid-template-columns:repeat(4,1fr)}}.status-btn{min-height:52px;padding:12px;background:var(--bg-2);border:2px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:15px;cursor:pointer}.status-btn:hover{border-color:var(--accent)}.status-btn.sel{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.gps-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 16px;background:var(--bg-2);border:1px solid var(--border);flex-wrap:wrap}.gps-coords{font-size:18px;font-weight:700;color:var(--fg);letter-spacing:.5px}.gps-display{flex:1;min-width:200px}.btn-med{min-height:48px;padding:10px 18px;background:transparent;border:2px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:15px;font-weight:500;cursor:pointer}.btn-med:hover{background:var(--accent);color:var(--bg)}.msg-select{width:100%;min-height:56px;padding:12px 16px;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);font-family:var(--mono);font-size:16px;cursor:pointer}.msg-select:focus{outline:none;border-color:var(--accent)}.msg-textarea{width:100%;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);font-family:var(--mono);font-size:16px;padding:14px 16px;resize:vertical;min-height:80px}.msg-textarea:focus{outline:none;border-color:var(--accent)}.more-toggle{display:block;width:100%;text-align:left;min-height:52px;padding:14px 16px;background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.more-toggle:hover{color:var(--accent);border-color:var(--accent)}.flags-grid{display:grid;grid-template-columns:1fr;gap:6px}@media(min-width:520px){.flags-grid{grid-template-columns:1fr 1fr}}.flag-btn{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:15px;cursor:pointer;text-align:left}.flag-btn:hover{border-color:var(--accent)}.flag-btn.sel{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.flag-check{display:inline-block;min-width:18px;font-weight:700}.radius-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:480px){.radius-grid{grid-template-columns:repeat(4,1fr)}}.radius-btn{min-height:52px;padding:12px;background:var(--bg-2);border:2px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:15px;cursor:pointer}.radius-btn:hover{border-color:var(--accent)}.radius-btn.sel{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.tier-indicator{margin:24px 0 8px;padding:12px 16px;background:var(--bg-3);border-left:3px solid var(--accent);font-size:15px;font-weight:700;color:var(--fg)}.result-ok{margin:16px 0;padding:16px;background:#e6f5e6;border:2px solid var(--accent-2);color:#0d3d0d;font-size:15px}.result-head{font-weight:700;margin-bottom:6px}.result-hex{display:block;margin-top:8px;padding:10px;background:var(--bg-2);color:var(--fg);font-family:var(--mono);font-size:11px;word-break:break-all;border:1px solid var(--border)}.result-err{margin:16px 0;padding:16px;background:#ffe6e6;border:2px solid var(--err);color:var(--err);font-size:15px;font-weight:700}.send-actions{position:sticky;bottom:0;background:var(--bg);padding:16px 0 8px;margin-top:24px;border-top:1px solid var(--border)}.send-btn{display:block;width:100%;min-height:72px;padding:20px;background:var(--err);border:3px solid var(--err);color:var(--bg);font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:3px;cursor:pointer;transition:all .1s}.send-btn:hover{background:#a00;border-color:#a00}.send-btn:active{transform:scale(.99)}.send-btn.confirm{background:#fa0;border-color:#fa0;color:#1a1a1a;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ffaa00b3}50%{box-shadow:0 0 0 10px #fa00}}.send-confirm-hint{margin:8px 0 0;text-align:center;font-size:14px}