:root{--bg-base: #16161b;--bg-card: #1f1f26;--bg-card-hover: #28282f;--border: #2a2a32;--border-strong: #3a3a42;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-bg: #1e3a8a;--ok: #22c55e;--ok-bg: #14532d;--fail: #ef4444;--fail-bg: #7f1d1d;--retrying: #f59e0b;--checking: #6366f1;--pending: #52525b;--radius-md: 8px;--radius-lg: 12px;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;padding:16px}.main-content{width:100%;max-width:1200px;margin:0 auto}.status-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;font-size:13px;flex-wrap:wrap}.status-bar-stat{display:flex;align-items:center;gap:6px}.stat-dot{width:8px;height:8px;border-radius:50%}.stat-dot.ok{background:var(--ok)}.stat-dot.fail{background:var(--fail)}.stat-dot.checking{background:var(--checking)}.stat-label{color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.status-bar-sep{color:var(--border-strong)}.status-bar-time{margin-left:auto;color:var(--text-muted);font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:livepulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.25}}.status-bar.health-ok{border-left:4px solid var(--ok)}.status-bar.health-fail{border-left:4px solid var(--fail)}.status-bar.health-mix{border-left:4px solid var(--retrying)}.conn-banner{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;border:1px solid}.conn-banner.connecting{background:#f59e0b33;border-color:#d97706;color:#fbbf24}.conn-banner.error{background:var(--fail-bg);border-color:#dc2626;color:#fca5a5}.groups-container{display:flex;flex-direction:column;gap:24px}.group-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border)}.group-header h2{font-size:16px;font-weight:600}.group-count{font-size:12px;color:var(--text-secondary);background:#ffffff1a;padding:2px 8px;border-radius:12px;font-weight:500}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.channel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.channel-card.always-on{border-color:#16a34a;background:#22c55e14}.channel-card.all-ok{border-color:#22c55e;background:#22c55e14}.channel-card.has-error{border-color:#dc2626;background:#ef444414}.channel-card.collapsed .channel-header{border-bottom:none}.channel-header{display:flex;flex-direction:column;padding:12px 14px;background:#00000026;border-bottom:1px solid var(--border);transition:background .15s}.channel-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.channel-header.clickable:hover{background:var(--bg-card-hover)}.channel-title-row{display:flex;align-items:center;gap:8px}.channel-name{font-size:14px;font-weight:600}.channel-desc{font-size:12px;color:var(--text-secondary);margin-top:4px}.collapse-icon{margin-left:auto;font-size:10px;color:var(--text-muted);transition:transform .2s}.multiplier-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.mult-low{background:#22c55e26;color:#22c55e;border-color:#16a34a}.mult-mid{background:#f59e0b26;color:#fbbf24;border-color:#d97706}.mult-high{background:#ef444426;color:#f87171;border-color:#dc2626}.always-on-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#22c55e26;color:#22c55e;border:1px solid #16a34a}.always-on-row{display:flex;align-items:center;gap:8px;padding:12px 14px}.always-on-text{font-size:13px;color:#22c55e;font-weight:500}.models-list{display:flex;flex-direction:column}.model-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.model-row:last-child{border-bottom:none}.model-row.row-ok{background:#22c55e14}.model-row.row-fail{background:#ef444414}.model-info{flex:1;font-weight:500}.model-status{display:flex;align-items:center;gap:6px}.status-text{font-size:12px;color:var(--text-secondary);min-width:48px;text-align:right}.latency-text{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:40px;text-align:right}.error-text{font-size:11px;color:var(--fail);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-ok{background:var(--ok)}.status-dot.status-error{background:var(--fail)}.status-dot.status-checking{background:var(--checking);animation:pulse 1s infinite}.status-dot.status-pending{background:var(--pending)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 600px){.channels-grid{grid-template-columns:1fr}.status-bar-time{margin-left:0}}