:root{--bg:#0d0d0f;--surface:#18181b;--surface2:#222228;--border:#2e2e36;--text:#f1f1f3;--text-muted:#8888a0;--accent:#e53935;--accent-blue:#2979ff;--card-hover:#1e1e24;--admin-bg:#0a0c0f;--admin-surface:#10141a;--admin-surface2:#161c24;--admin-border:#1e2a36;--admin-cyan:#00e5ff;--admin-cyan-dim:#00b8cc;--admin-text:#cdd8e3;--admin-text-muted:#546e7a;--admin-green:#00e676;--admin-red:#ff1744;--admin-yellow:#ffea00;--admin-orange:#ff6d00;--tg-bg:#17212b;--tg-text:#f5f5f5;--tg-hint:#708499;--tg-link:#6ab3f3;--tg-btn:#5288c1;--tg-btn-text:#fff;--tg-secondary-bg:#232e3c;--radius:8px;--radius-lg:14px;--transition:160ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.badge-live{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px}.badge-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse-dot 1.2s infinite}.badge-offline{display:inline-flex;align-items:center;background:var(--surface2);color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:rgba(13,13,15,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.site-header .logo span{color:var(--accent)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px;padding:28px 24px;max-width:1400px;margin:0 auto}.watch-layout{display:flex;height:calc(100vh - 56px);overflow:hidden}.watch-main{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.watch-sidebar{width:300px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface)}.watch-info{padding:16px 20px}.watch-info h1{font-size:1.2rem;font-weight:700}.watch-info .meta{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--text-muted);font-size:.9rem}.watch-info .description{margin-top:10px;color:var(--text-muted);font-size:.9rem}.tg-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;border-radius:var(--radius);background:#08c;color:#fff;font-size:.85rem;font-weight:600;transition:opacity var(--transition)}.tg-link:hover{opacity:.85}.sidebar-list{padding:12px 0}.sidebar-title{padding:8px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background var(--transition);text-decoration:none;color:var(--text)}.sidebar-item.active,.sidebar-item:hover{background:var(--surface2)}.sidebar-item.active{border-left:3px solid var(--accent)}.sidebar-item .logo-thumb{object-fit:cover}.sidebar-item .logo-placeholder,.sidebar-item .logo-thumb{width:44px;height:44px;border-radius:6px;background:var(--surface2);flex-shrink:0}.sidebar-item .logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sidebar-item .info{min-width:0}.sidebar-item .info .name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .info .viewers{font-size:.78rem;color:var(--text-muted)}.tg-app{min-height:100vh;background:var(--tg-bg);color:var(--tg-text);display:flex;flex-direction:column}.tg-player-container{width:100%;background:#000}.tg-channel-list{flex:1 1;overflow-y:auto}.tg-channel-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.07);transition:background var(--transition);background:none;width:100%;text-align:left;color:var(--tg-text)}.tg-channel-item.active,.tg-channel-item:hover{background:hsla(0,0%,100%,.06)}.tg-channel-item .tg-thumb{object-fit:cover}.tg-channel-item .tg-placeholder,.tg-channel-item .tg-thumb{width:48px;height:48px;border-radius:8px;background:var(--tg-secondary-bg);flex-shrink:0}.tg-channel-item .tg-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.4rem}.tg-channel-item .tg-info{flex:1 1;min-width:0}.tg-channel-item .tg-name{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-channel-item .tg-meta{font-size:.8rem;color:var(--tg-hint);margin-top:2px}.admin-app{min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:var(--admin-surface);border-bottom:1px solid var(--admin-border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header .admin-logo{font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--admin-cyan)}.admin-pills{display:flex;gap:10px}.admin-pill{display:flex;align-items:center;gap:5px;font-size:.72rem;padding:3px 10px;border-radius:20px;background:var(--admin-surface2);border:1px solid var(--admin-border);font-family:inherit}.admin-pill.ok{border-color:var(--admin-green);color:var(--admin-green)}.admin-pill.err{border-color:var(--admin-red);color:var(--admin-red)}.admin-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-content{max-width:1600px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:28px}.admin-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-lg);overflow:hidden}.admin-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--admin-border);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--admin-cyan)}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{text-align:left;padding:10px 16px;color:var(--admin-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.admin-table td,.admin-table th{border-bottom:1px solid var(--admin-border)}.admin-table td{padding:12px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover td{background:var(--admin-surface2)}.state-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:4px}.state-badge.live{background:rgba(0,230,118,.15);color:var(--admin-green)}.state-badge.off{background:rgba(84,110,122,.15);color:var(--admin-text-muted)}.state-badge.starting{background:rgba(255,234,0,.15);color:var(--admin-yellow)}.state-badge.error{background:rgba(255,23,68,.15);color:var(--admin-red)}.state-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius);font-size:.8rem;font-weight:600;transition:opacity var(--transition),background var(--transition);font-family:inherit;border:1px solid transparent;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.85}.btn-primary{background:var(--admin-cyan);color:#000}.btn-danger{background:var(--admin-red);color:#fff}.btn-success{background:var(--admin-green);color:#000}.btn-ghost{border-color:var(--admin-border);color:var(--admin-text)}.btn-sm{padding:4px 10px;font-size:.75rem}.admin-form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.75rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.07em}.form-input,.form-select,.form-textarea{background:var(--admin-surface2);border:1px solid var(--admin-border);border-radius:var(--radius);color:var(--admin-text);padding:8px 12px;font-size:.85rem;font-family:inherit;transition:border-color var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--admin-cyan)}.form-textarea{min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-actions{display:flex;gap:10px;padding-top:4px}.form-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.82rem}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;justify-content:flex-end}.drawer{width:520px;max-width:100vw;background:var(--admin-surface);border-left:1px solid var(--admin-border);overflow-y:auto;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--admin-border)}.drawer-header h2{font-size:.95rem;font-weight:700;color:var(--admin-cyan)}.drawer-close{font-size:1.3rem;color:var(--admin-text-muted);background:none;border:none;cursor:pointer;padding:4px;line-height:1}.drawer-body{padding:20px;display:flex;flex-direction:column;gap:24px;flex:1 1}.drawer-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--admin-cyan-dim);margin-bottom:10px;font-weight:700}.events-log{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.6;max-height:300px;overflow-y:auto;padding:14px 18px;color:var(--admin-text)}.event-line{display:grid;grid-template-columns:180px 50px 120px 1fr;grid-gap:8px;gap:8px;padding:2px 0;border-bottom:1px solid var(--admin-border)}.event-line:last-child{border-bottom:none}.event-ts{color:var(--admin-text-muted)}.event-level-info{color:var(--admin-cyan)}.event-level-warn{color:var(--admin-yellow)}.event-level-error{color:var(--admin-red)}.event-channel{color:var(--admin-text-muted);overflow:hidden;text-overflow:ellipsis}.broadcast-box{display:flex;gap:10px;align-items:flex-end;padding:16px 20px}.broadcast-box textarea{flex:1 1;min-height:60px;resize:vertical}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--admin-bg)}.admin-login-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:36px 40px;width:360px;display:flex;flex-direction:column;gap:20px}.admin-login-card h1{font-size:1.1rem;font-weight:700;color:var(--admin-cyan);text-align:center}.access-form-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;flex:1 1}.access-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:340px;display:flex;flex-direction:column;gap:16px}.access-form-card h2{font-size:1rem;font-weight:700;text-align:center}.pub-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:.9rem;width:100%;transition:border-color var(--transition)}.pub-input:focus{outline:none;border-color:var(--accent-blue)}.pub-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius);padding:10px 20px;font-size:.9rem;font-weight:600;width:100%;cursor:pointer;border:none;transition:opacity var(--transition)}.pub-btn:hover:not(:disabled){opacity:.85}.pub-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--accent);font-size:.85rem;text-align:center}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:var(--admin-border);border-radius:20px;cursor:pointer;transition:background var(--transition)}.toggle-slider:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--transition)}.toggle-switch input:checked+.toggle-slider{background:var(--admin-cyan)}.toggle-switch input:checked+.toggle-slider:after{transform:translateX(16px)}.offline-placeholder{width:100%;aspect-ratio:16/9;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.offline-placeholder .offline-icon{font-size:3rem}@media (max-width:900px){.watch-layout{flex-direction:column;height:auto}.watch-sidebar{width:100%;border-left:none;border-top:1px solid var(--border)}.form-row{grid-template-columns:1fr}}@media (max-width:600px){.channel-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.site-header{padding:0 16px}.admin-content{padding:16px}.drawer{width:100vw}.event-line{grid-template-columns:1fr;gap:0}}