:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;--bg-primary: hsl(240, 10%, 10%);--bg-secondary: hsl(240, 10%, 14%);--bg-tertiary: hsl(240, 10%, 18%);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(240, 5%, 70%);--text-muted: hsl(240, 5%, 50%);--color-accent: hsl(264, 100%, 61%);--color-accent-hover: hsl(264, 100%, 67%);--color-success: hsl(142, 70%, 50%);--color-danger: hsl(0, 80%, 60%);--color-warning: hsl(40, 90%, 60%);--border-color: hsl(240, 10%, 25%);--radius: 8px;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;display:flex;flex-direction:column}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{border-radius:var(--radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);cursor:pointer;transition:border-color .25s,background-color .25s;color:var(--text-primary)}button:hover{background-color:var(--bg-secondary);border-color:var(--color-accent)}button.primary{background-color:var(--color-accent);color:#fff}button.primary:hover{background-color:var(--color-accent-hover)}button.abort{background-color:var(--color-danger);color:#fff;border-color:transparent}button.abort:hover{background-color:#e61919;border-color:#fff}button:disabled{opacity:.6;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:inherit;font-size:1rem;padding:.6rem;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8838ff33}.w-4{width:1rem}.h-4{height:1rem}.w-full{width:100%}.h-full{height:100%}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem}h1,h2,h3{line-height:1.2}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent)}.channel-table-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:300px;max-height:500px;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-primary)}.channel-grid{min-width:500px;display:flex;flex-direction:column;width:100%}.channel-grid-row{display:grid;grid-template-columns:36px minmax(110px,1.4fr) 68px minmax(110px,1.4fr) 75px 82px;align-items:center;padding:.5rem .75rem;gap:.5rem;border-bottom:1px solid var(--border-color);font-size:.8125rem;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.channel-grid-row:last-child{border-bottom:none}.channel-grid-row:hover{background-color:var(--bg-tertiary)}.channel-grid-row.selected{background-color:#8838ff1a}.channel-grid-row.selected:hover{background-color:#8838ff26}.channel-grid-header{position:sticky;top:0;background-color:var(--bg-secondary);font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:5;border-bottom:1px solid var(--border-color);padding:.6rem .75rem}.channel-grid-header>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge.live{color:#ef4444;background-color:#ef44441f;border:1px solid rgba(239,68,68,.25)}.status-badge.offline{color:var(--text-muted);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.pulse-dot{width:5px;height:5px;border-radius:50%;background-color:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;background-color:var(--color-accent);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;cursor:pointer;line-height:1.2}.follow-btn:hover{background-color:var(--color-accent-hover);color:#fff;box-shadow:0 0 8px #8838ff66}