:root{--bg: #0e1713;--surface: #15211c;--surface-2: #1b2a24;--line: #2a3a33;--line-2: #3a4d44;--ink: #e9e4d5;--ink-2: #b7b09d;--ink-3: #97907d;--accent: #c96f4a;--accent-text: #de9e6e;--ochre: #d9a441;--teal: #4e9c84;--iris: #9a8fb5;--ok: #78b08a;--bad: #c65d4e;--font-display: "Spectral", Georgia, "Times New Roman", serif;--font-text: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, "Courier New", monospace;--radius-panel: 10px;--radius-sharp: 2px;--gap: 18px;--container: 1220px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-text);color:var(--ink);background:var(--bg);background-attachment:fixed;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#0e1713}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#4a5e54}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:var(--container);margin:0 auto;padding:18px clamp(14px,4vw,28px) 56px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--font-display)}.masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:8px 2px 14px;border-bottom:3px solid var(--accent);margin-bottom:var(--gap)}.masthead-title{display:flex;align-items:center;gap:16px;min-width:0}.mark{flex:none;width:46px;height:46px;border-radius:var(--radius-sharp);background:var(--accent);display:grid;place-items:center;color:#0e1713}.masthead-name{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.masthead-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:var(--radius-sharp);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);cursor:help;transition:background .13s ease,color .13s ease}.info-tip:hover{color:#0e1713;background:var(--accent);border-color:var(--accent)}.masthead-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-bottom:2px}.state-line{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;font-weight:500}.state-line .dot{width:9px;height:9px;border-radius:var(--radius-sharp)}.state-line.ok{color:var(--ok)}.state-line.ok .dot{background:var(--ok)}.state-line.bad{color:var(--bad)}.state-line.bad .dot{background:var(--bad)}.updated-line{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:var(--gap);align-items:start;margin-bottom:var(--gap)}.hero-main{padding-top:4px}.hero-number{display:flex;align-items:baseline;gap:12px;margin:8px 0 14px}.hero-value{font-family:var(--font-mono);font-weight:600;font-size:clamp(44px,6vw,64px);line-height:1;letter-spacing:-.02em;color:var(--ink)}.hero-limit{font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--ink-3)}.hero-slots{display:flex;gap:3px;margin:0 0 12px;max-width:640px}.hero-slots .slot{flex:1;height:16px;background:var(--line);min-width:3px}.hero-slots .slot.used{background:var(--accent)}.hero-caption{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;border-left:1px solid var(--line-2);padding-left:22px}.vmetric{padding:12px 0;border-bottom:1px solid var(--line)}.vmetric:nth-last-child(-n+2){border-bottom:none}.vlabel{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.vvalue{display:block;font-family:var(--font-mono);font-weight:600;font-size:21px;line-height:1.1;color:var(--ink)}.vhint{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px}.dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}.d-col{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.d-7{grid-column:span 7}.d-5{grid-column:span 5}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:16px 18px 14px}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-title{display:flex;flex-direction:column;gap:3px;min-width:0}.panel-title h2{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:.01em;color:var(--ink);display:flex;align-items:baseline;gap:9px}.h2-note{font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--ink-3)}.head-meta{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);text-align:right;white-space:nowrap}.count-note{font-family:var(--font-mono);font-size:11px;color:var(--ochre);white-space:nowrap}.search{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sharp);padding:5px 9px;color:var(--ink-3);transition:border-color .13s ease}.search:focus-within{border-color:var(--accent)}.search input{background:transparent;border:none;outline:none;color:var(--ink);font:inherit;font-size:13px;width:132px}.search input::placeholder{color:var(--ink-3)}.empty{padding:26px 0;text-align:left;color:var(--ink-3);font-size:13px}.client-list{display:flex;flex-direction:column;max-height:480px;overflow-y:auto;padding-right:4px}.client-row{display:flex;align-items:center;gap:12px;padding:8px 6px;border-top:1px solid var(--line)}.client-row:hover{background:var(--surface-2)}.client-row:first-child{border-top:none}.avatar{flex:none;width:32px;height:32px;border-radius:var(--radius-sharp);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--bg);position:relative}.avatar.hue-accent{background:var(--accent)}.avatar.hue-teal{background:var(--teal)}.avatar.hue-ochre{background:var(--ochre)}.avatar.hue-iris{background:var(--iris)}.avatar-away{position:absolute;bottom:-3px;right:-3px;width:11px;height:11px;border-radius:var(--radius-sharp);background:var(--ochre);border:2px solid var(--surface)}.c-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.c-name{font-size:13.5px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-row.away .c-name{color:var(--ink-2)}.away-tag{flex:none;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ochre);background:#d9a4411a;border:1px solid rgba(217,164,65,.35);border-radius:var(--radius-sharp);padding:1px 5px}.c-sub{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden}.c-chan{color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sharp);padding:.5px 6px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.c-plat{color:var(--ink-3)}.c-ver{opacity:.75}.c-side{flex:none;display:flex;align-items:center;gap:9px}.mic{color:var(--ink-2);display:inline-flex}.mic.muted{color:var(--ink-3)}.talk{color:var(--ok);display:inline-flex}.c-ip{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sharp);padding:1px 6px}.c-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.channel-list{display:flex;flex-direction:column}.ch-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-top:1px solid var(--line)}.ch-row:hover{background:var(--surface-2)}.ch-row:first-child{border-top:none}.ch-toggle{flex:none;width:15px;text-align:center;font-size:10px;color:var(--ink-3)}.ch-toggle.leaf{opacity:.4}.ch-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ch-line{display:flex;align-items:center;gap:8px;min-width:0}.ch-name{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-name:has(.ch-count){min-width:0}.ch-count{flex:none;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--bg);background:var(--accent);border-radius:var(--radius-sharp);padding:0 6px;line-height:16px}.ch-topic{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-bar{height:4px;background:var(--bg);border-radius:var(--radius-sharp);overflow:hidden}.ch-fill{height:100%;background:var(--teal);transition:width .35s ease}.ch-fill.warn{background:var(--ochre)}.ch-fill.danger{background:var(--bad)}.ch-meta{flex:none;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);min-width:52px;text-align:right}.ch-tag{flex:none;font-family:var(--font-mono);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sharp);padding:1px 5px;border:1px solid}.ch-tag.default{color:var(--ok);border-color:#78b08a66}.ch-tag.temp{color:var(--ochre);border-color:#d9a44166}.chart-wrap{width:100%;position:relative;touch-action:pan-y;cursor:crosshair}.chart-tip{position:absolute;top:6px;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:4px 8px;background:var(--bg);border:1px solid var(--line-2);border-radius:2px;white-space:nowrap;z-index:2}.chart-tip-time{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.chart-tip-val{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink)}.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;border-top:1px solid var(--line);padding-top:9px;flex-wrap:wrap}.legend{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2)}.legend .swatch{width:14px;height:3px;background:var(--accent);border-radius:var(--radius-sharp)}.takeaway{font-size:12.5px;color:var(--ink-2);margin-top:8px}.takeaway b{font-family:var(--font-mono);font-weight:600;color:var(--ink)}.axis-note{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);text-align:right;margin-top:4px}.activity-list{display:flex;flex-direction:column;max-height:360px;overflow-y:auto;padding-right:4px}.evt{display:flex;align-items:center;gap:11px;padding:7px 6px;border-top:1px solid var(--line)}.evt:first-child{border-top:none}.evt:hover{background:var(--surface-2)}.evt-mark{flex:none;width:9px;height:9px;border-radius:1px}.evt.connect .evt-mark{background:var(--ok)}.evt.disconnect .evt-mark{background:var(--bad)}.evt-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.evt-nick{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evt.disconnect .evt-nick{color:var(--ink-2)}.evt-chan{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evt-time{flex:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.facts{border-left:2px solid var(--accent-text);padding:4px 0 4px 18px}.facts .eyebrow{display:block;margin-bottom:12px}.facts-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.fact{padding:7px 0;border-top:1px solid var(--line)}.fact:first-child,.fact:nth-child(2){border-top:none}.fact dt{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:2px}.fact dd{font-size:13px;color:var(--ink);overflow-wrap:anywhere}.fact dd.num{font-family:var(--font-mono);font-weight:500}.fact dd.ok-chip{color:var(--ok);font-size:12px}.fact dd.no-chip{color:var(--ink-3)}.alarm{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:12px;color:var(--bad);background:#c65d4e14;border:1px solid rgba(198,93,78,.35);border-radius:var(--radius-sharp)}.loader-wrap{display:grid;place-items:center;padding:110px 0;gap:18px;color:var(--ink-3);font-size:14px;text-align:center}.loader-ring{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.d-7,.d-5{grid-column:span 12}}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-side{border-left:none;border-top:1px solid var(--line-2);padding:12px 0 0}.masthead{align-items:flex-start;flex-direction:column}.masthead-side{align-items:flex-start}}@media(max-width:560px){.app{padding:10px 10px 40px}.panel{padding:14px}.panel-head{gap:8px}.hero-side{grid-template-columns:1fr 1fr}.vmetric{border-bottom:1px solid var(--line)}.vmetric:nth-last-child(-n+2){border-bottom:none}.facts-list{grid-template-columns:1fr}.fact:first-child{border-top:none}.hero-slots .slot{height:13px;min-width:2.5px}.hero-slots .slot-gap{width:4px}.masthead-name{font-size:20px}.masthead-meta{flex-wrap:wrap;line-height:1.5}.panel-head{flex-wrap:wrap;row-gap:8px}.head-meta{width:100%;text-align:left}.c-sub{flex-wrap:wrap}.axis-note{text-align:left}.avatar{width:28px;height:28px;font-size:11px}.client-row{gap:8px;padding:7px 4px}.c-name{font-size:12.5px}.c-chan{max-width:128px}.c-time,.c-ip{display:none}.search input{width:96px;font-size:12.5px}.ch-meta{min-width:44px;font-size:11px}.ch-topic{font-size:11.5px}.head-meta{font-size:11px;text-align:right}}@media(max-width:380px){.c-plat,.c-ver{display:none}.hero-value{font-size:44px}.stat-label{font-size:13px}.c-sub{flex-wrap:wrap}}