.toggle-on,button.toggle-on{background:var(--accent-soft);border-color:var(--accent)}.category-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:var(--gap);scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.cat-chip{white-space:nowrap;background:var(--bg-card);border:2px solid transparent;padding:8px 14px}.cat-chip.active{background:var(--accent-soft);border-color:var(--accent)}.channel-grid-scroll{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.channel-grid-inner{position:relative;width:100%}.channel-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-card);border:2px solid transparent;text-align:center;overflow:hidden}.card-logo{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.logo-img{max-width:100%;max-height:100px;object-fit:contain}.logo-placeholder{width:84px;height:84px;border-radius:8px;background:var(--bg-elev);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.card-name{font-size:13px;line-height:1.2;max-height:2.4em;overflow:hidden;text-overflow:ellipsis}.fav-star{position:absolute;top:2px;right:4px;color:var(--accent);font-size:16px}.player-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center}.player-video{width:100%;height:100%;object-fit:contain;background:#000}.player-spinner{position:absolute;width:54px;height:54px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-error{position:absolute;text-align:center;color:var(--text);display:flex;flex-direction:column;gap:12px}.player-controls{position:absolute;left:0;right:0;bottom:0;padding:24px var(--safe);background:linear-gradient(to top,rgba(0,0,0,.85),transparent);display:flex;flex-direction:column;gap:12px}.pc-title{font-size:20px;font-weight:600}.pc-buttons{display:flex;gap:12px;flex-wrap:wrap}.quality-menu{display:flex;gap:8px;flex-wrap:wrap;background:var(--bg-elev);padding:10px;border-radius:var(--radius);width:max-content}.quality-menu button.active{border-color:var(--accent)}.card-now{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-badge{position:absolute;top:2px;left:4px;font-size:14px}.src-select{background:var(--bg-card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:8px 10px;max-width:220px}.modal.manager{width:min(720px,94vw);max-height:86vh;overflow:hidden}.tabs{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:8px}.tabs button{background:transparent;padding:8px 12px}.tabs button.active{background:var(--accent-soft);border-color:var(--accent)}.form{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:64vh;padding-top:4px}.form label.muted{font-size:12px;margin-top:6px}.form textarea{min-height:90px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:10px;font:inherit;resize:vertical}.lock-groups{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.src-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:64vh}.src-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);padding:12px;border-radius:var(--radius)}.pin-modal{width:min(340px,92vw);align-items:center}.pin-display{font-size:28px;letter-spacing:8px;min-height:36px}.pin-display.pin-error{color:var(--danger)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pin-pad button{padding:16px;font-size:18px}.guide-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.guide-timeaxis{display:flex;color:var(--text-dim);font-size:12px;padding-bottom:6px}.guide-tick{flex:none}.guide-scroll{flex:1;overflow:auto;position:relative}.guide-inner{position:relative}.guide-row{position:absolute;left:0;display:flex}.guide-label{position:sticky;left:0;z-index:3;width:200px;flex:none;background:var(--bg-card);border:2px solid transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-track{position:relative;height:100%}.guide-prog{position:absolute;top:4px;bottom:4px;overflow:hidden;background:var(--bg-card);border:2px solid transparent;text-align:left;font-size:12px;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px}.gp-time{color:var(--text-dim);margin-right:4px}:root{--bg: #0b0d12;--bg-elev: #141821;--bg-card: #1a1f2b;--bg-card-hover: #222838;--text: #e8ecf3;--text-dim: #9aa4b6;--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .18);--danger: #ff5d5d;--ok: #46d18a;--border: #2a3142;--radius: 10px;--card-w: 210px;--card-h: 170px;--gap: 16px;--safe: 32px}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}#app{height:100vh;overflow:hidden}button{font:inherit;color:inherit;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius);padding:10px 16px;cursor:pointer}input{font:inherit;color:var(--text);background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius);padding:10px 14px;outline:none}img{-webkit-user-drag:none}.app-shell{display:flex;flex-direction:column;height:100%;padding:var(--safe)}.top-bar{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.top-bar h1{font-size:22px;margin:0}.spacer{flex:1}.muted{color:var(--text-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:min(560px,90vw);display:flex;flex-direction:column;gap:16px}.modal h2{margin:0}.modal textarea{width:100%;min-height:90px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:10px;resize:vertical;font:inherit}.row{display:flex;gap:12px;align-items:center}.row.end{justify-content:flex-end}[data-focusable]{outline:none}[data-focusable]:focus{border-color:var(--accent);transform:scale(1.04);z-index:2}[data-focusable]:focus{will-change:transform}.channel-card:focus{background:var(--bg-card-hover)}button[data-focusable]:focus{background:var(--accent-soft);border-color:var(--accent)}input[data-focusable]:focus{border-color:var(--accent);transform:none}