*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#e0e0e0;--text-muted:#888;--accent:#0078d4;--sidebar-width:280px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:system-ui,sans-serif;font-size:14px}#app{height:100%}.auth-gate{z-index:30;background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-gate[hidden]{display:none}.auth-gate-card{border:1px solid var(--border);background:#161616;border-radius:10px;flex-direction:column;gap:10px;width:min(420px,100%);padding:16px;display:flex}.auth-gate-card h2{color:var(--text);font-size:18px}.auth-gate-card p,.auth-gate-card label{color:var(--text-muted);font-size:12px}.auth-gate-card input[type=text]{border:1px solid var(--border);width:100%;color:var(--text);background:#101010;border-radius:4px;padding:8px;font-size:13px}.auth-gate-card input[type=text]:focus{border-color:var(--accent);outline:none}.auth-remember-row{align-items:center;gap:6px;display:flex}.auth-gate-card button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:8px 10px;font-size:13px}.auth-gate-card button:disabled{opacity:.7;cursor:not-allowed}.auth-gate-status{color:#9ec9f0;min-height:18px;font-size:12px}.auth-gate-status.error{color:#ffb3b3}.layout{height:100%;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:10px 12px}.sidebar-header h1{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:600}.sidebar-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-sidebar-close{color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;padding:4px 8px;font-size:11px;display:none}.mobile-sidebar-open,.mobile-sidebar-backdrop{display:none}.current-user{color:#9ec9f0;margin-top:6px;font-size:11px}.channel-controls{flex-direction:column;gap:5px;margin-top:8px;display:flex}.controls-row{gap:6px;display:flex}.control-inline{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.control-inline label{color:var(--text-muted);white-space:nowrap;flex:none;font-size:11px}.control-inline select{min-width:0;color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;flex:1;padding:3px 4px;font-size:11px}.control-inline input{min-width:0;color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;flex:1;padding:4px 6px;font-size:11px}.control-inline input:focus,.control-inline select:focus{border-color:var(--accent);outline:none}.control-inline-wide{flex:2}.control-inline-sort{flex:1}.ctrl-btn{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:4px;font-size:11px;overflow:hidden}.hidden-settings-btn,.show-all-btn,#visibility-close{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:5px 8px}.hidden-settings-btn:hover,.show-all-btn:hover,#visibility-close:hover{border-color:var(--accent)}.hidden-settings-btn:disabled,.show-all-btn:disabled,#visibility-close:disabled{color:#7d8790;cursor:not-allowed;opacity:.7;background:#0e0e0e;border-color:#2a2f34}.hidden-settings-btn:disabled:hover,.show-all-btn:disabled:hover,#visibility-close:disabled:hover{border-color:#2a2f34}.channel-list-container{flex:1;padding:8px 0;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border);gap:6px;padding:8px 12px;display:flex}.sidebar-footer .hidden-settings-btn{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:4px;font-size:11px;overflow:hidden}#settings-btn{width:100%}.app-credit{color:var(--muted);text-align:center;padding:0 12px 10px;font-size:11px}.app-credit a{color:inherit;text-decoration:underline}.app-credit a:hover{color:var(--text)}.visibility-modal{z-index:20;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.visibility-modal[hidden]{display:none}.visibility-dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:min(900px,100%);max-height:min(80vh,700px);padding:12px;display:flex;overflow:auto}.visibility-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.visibility-header h2{color:var(--text);font-size:15px}.visibility-settings{gap:8px;display:grid}.visibility-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.visibility-column{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;min-height:220px;padding:8px;display:flex}.visibility-column h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.visibility-note{color:var(--text-muted);font-size:12px}.visibility-list{overflow-y:auto}.visibility-items{flex-direction:column;gap:6px;list-style:none;display:flex}.visibility-item{width:100%}.visibility-move-btn{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:7px 8px;font-size:12px}.visibility-move-btn:hover{border-color:var(--accent)}.visibility-footer{justify-content:flex-end;display:flex}@media (width<=900px){.visibility-columns{grid-template-columns:1fr}}.epg-settings-modal{z-index:20;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.epg-settings-modal[hidden]{display:none}.epg-settings-dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:min(760px,100%);max-height:min(80vh,600px);padding:12px;display:flex;overflow:auto}.epg-settings-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.epg-settings-header h2{color:var(--text);font-size:15px}.epg-settings-header button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:4px 8px;font-size:12px}.epg-settings-header button:hover{border-color:var(--accent)}.epg-settings-content{flex-direction:column;gap:12px;display:flex}.epg-mode-selector{border-bottom:1px solid var(--border);gap:12px;margin-bottom:4px;padding:10px 0;display:flex}.epg-mode-option{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:13px;display:flex}.epg-mode-option input[type=radio]{accent-color:var(--accent);cursor:pointer}.epg-status-section,.epg-source-section,.epg-picker-section,.epg-refresh-section{flex-direction:column;gap:8px;display:flex}.epg-status-section h3,.epg-source-section h3,.epg-picker-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.epg-status-info{border:1px solid var(--border);color:var(--text);background:#111;border-radius:4px;padding:8px;font-size:12px;line-height:1.6}.epg-status-info p{margin:0}.epg-activity{border-top:1px solid #e0e0e01a;margin-top:10px;padding-top:10px}.epg-activity-summary{cursor:pointer;color:var(--accent);font-size:12px;list-style:none}.epg-activity-summary::-webkit-details-marker{display:none}.epg-activity-summary:before{content:"+ ";color:var(--text-muted)}.epg-activity[open] .epg-activity-summary:before{content:"- "}.epg-activity-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:6px;margin-bottom:6px;font-size:11px}.epg-activity-log{color:#cfd7de;white-space:pre-wrap;word-break:break-word;background:#0b0b0b;border:1px solid #e0e0e014;border-radius:4px;max-height:140px;margin:0;padding:8px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.45;overflow:auto}.epg-input-row{gap:8px;display:flex}.epg-url-input{color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;flex:1;padding:6px 8px;font-size:12px}.epg-url-input:focus{border-color:var(--accent);outline:none}.epg-picker-copy{color:var(--text-muted);font-size:12px;line-height:1.5}.epg-site-filter{width:100%}.epg-picker-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.epg-picker-column{flex-direction:column;gap:6px;display:flex}.epg-picker-column label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.epg-picker-select{width:100%;min-height:180px;color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;padding:6px;font-size:12px}.epg-picker-select:focus{border-color:var(--accent);outline:none}.epg-picker-actions{justify-content:flex-end;display:flex}.epg-refresh-section{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.epg-picker-info{border:1px solid var(--border);color:var(--text-muted);background:#111;border-radius:4px;padding:8px;font-size:12px;line-height:1.5}.epg-picker-info.error{color:#ffb3b3;border-color:#ff787859}.epg-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.epg-button:hover{opacity:.9}.epg-suggestions{background:#0078d41a;border:1px solid #0078d44d;border-radius:4px;padding:8px;font-size:12px}.epg-suggestions p{color:var(--text-muted);margin:0 0 6px}.epg-suggestions ul{margin:0;padding-left:16px;list-style:outside}.epg-suggestions li{color:var(--text);margin:2px 0}.epg-suggestions a{color:var(--accent);text-decoration:none}.epg-suggestions a:hover{text-decoration:underline}.admin-modal{z-index:20;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal[hidden]{display:none}.admin-dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:min(980px,100%);max-height:min(84vh,760px);padding:12px;display:flex;overflow:auto}.admin-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-header h2{color:var(--text);font-size:15px}.admin-header button,.admin-token-action,.admin-actions-row button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:6px 10px;font-size:12px}.admin-header button:hover,.admin-token-action:hover,.admin-actions-row button:hover{border-color:var(--accent)}.admin-user-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-danger-btn{color:#fcc;cursor:pointer;background:#2a1111;border:1px solid #5f2a2a;border-radius:4px;padding:6px 10px;font-size:12px}.admin-danger-btn:hover{border-color:#ff7f7f}.admin-danger-btn:disabled{opacity:.6;cursor:not-allowed}.admin-neutral-btn{color:#c7f3da;cursor:pointer;background:#10241a;border:1px solid #2e6b4a;border-radius:4px;padding:6px 10px;font-size:12px}.admin-neutral-btn:hover{border-color:#56c18a}.admin-neutral-btn:disabled{opacity:.6;cursor:not-allowed}.admin-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;display:grid}.admin-column{flex-direction:column;gap:12px;min-width:0;display:flex}.admin-section{border:1px solid var(--border);background:#111;border-radius:6px;flex-direction:column;gap:10px;padding:10px;display:flex}.admin-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.admin-section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-muted,.admin-token-meta,.admin-empty,.admin-status{color:var(--text-muted);font-size:12px;line-height:1.5}.admin-status{min-height:18px}.admin-status.error{color:#ffb3b3}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-token-form-grid{align-items:end}.admin-field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-field-wide{grid-column:span 2}.admin-field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.admin-field input,.admin-field select,.admin-field textarea{width:100%;color:var(--text);border:1px solid var(--border);background:#0d0d0d;border-radius:4px;padding:7px 8px;font-size:12px}.admin-field textarea{resize:vertical;min-height:54px;font-family:Consolas,Courier New,monospace}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--accent);outline:none}.admin-primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-start;padding:7px 12px;font-size:12px;font-weight:600}.admin-primary-btn:disabled{opacity:.7;cursor:not-allowed}.admin-list{min-height:72px}.admin-items{flex-direction:column;gap:8px;display:flex}.admin-user-btn{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#0d0d0d;border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex}.admin-user-btn:hover,.admin-user-btn.selected{border-color:var(--accent)}.admin-user-name{color:var(--text);font-size:13px}.admin-user-meta{color:var(--text-muted);font-size:11px}.admin-token-card{border:1px solid var(--border);background:#0d0d0d;border-radius:4px;flex-direction:column;gap:8px;padding:8px;display:flex}.admin-token-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-token-title{color:var(--text);font-size:13px}.admin-token-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.admin-token-status.active{color:#9ec9f0;background:#0078d429}.admin-token-status.expired{color:#ffd38a;background:#ffb84d29}.admin-token-status.revoked{color:#ffb3b3;background:#ff787829}.admin-actions-row{flex-wrap:wrap;gap:8px;display:flex}@media (width<=820px){.admin-grid{grid-template-columns:1fr}}@media (width<=560px){.admin-form-grid{grid-template-columns:1fr}.admin-field-wide{grid-column:span 1}}@media (width<=700px){.epg-picker-grid{grid-template-columns:1fr}.epg-picker-actions{justify-content:stretch}.epg-picker-actions .epg-button,.epg-refresh-section .epg-button{width:100%}}.main{isolation:isolate;background:#000;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (width<=900px){.layout{position:relative}.sidebar{border-right:1px solid var(--border);z-index:20;width:min(88vw,360px);min-width:0;max-width:none;transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:10px 0 28px #00000073}.layout.mobile-sidebar-open .sidebar{transform:translate(0)}.mobile-sidebar-open{z-index:6;color:#f2f9ff;background:#0a1c2beb;border:1px solid #84b9e6bf;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.mobile-sidebar-close{cursor:pointer;display:inline-flex}.mobile-sidebar-backdrop{z-index:18;background:#00000080;border:0;position:absolute;inset:0}.layout:not(.mobile-sidebar-open) .mobile-sidebar-backdrop{display:none}.layout.mobile-sidebar-open .mobile-sidebar-backdrop{display:block}.controls-row{flex-direction:column;gap:5px}.control-inline,.control-inline-wide,.control-inline-sort{flex:1}.channel-item{padding-top:10px;padding-bottom:10px}.now-playing{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:8px 10px}.now-playing-badges{justify-content:flex-start;width:100%;margin-left:0}.stream-info{text-align:left;max-width:100%}.guide-panel{flex-direction:column;padding:8px 10px 12px}}.video-player{z-index:1;background:#000;flex:1;width:100%;min-height:0;display:block;position:relative}.now-playing{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;min-height:32px;padding:8px 16px;font-size:13px;display:flex}.now-playing-badges{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.stream-mode-badge{letter-spacing:.04em;text-transform:uppercase;color:#9ec9f0;background:#132332b3;border:1px solid #84b9e673;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.stream-info{min-width:0;max-width:52%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;margin-left:0;font-size:11px;overflow:hidden}.now-playing.compact-guide{gap:10px}.now-playing-inline-guide{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.now-inline-cell{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.now-inline-now{color:var(--accent);font-weight:600}.now-inline-next{color:var(--text-muted);border-left:1px solid #e0e0e040;padding-left:8px}.cc-badge{color:#fff;letter-spacing:.05em;background:#c0392b;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:700}.channel-list{list-style:none}.channel-item{cursor:pointer;align-items:stretch;padding:7px 12px;transition:background .1s;display:flex}.channel-item:hover{background:#ffffff0d}.channel-item.active{background:var(--accent);color:#fff}.channel-number{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:22px}.channel-item.active .channel-number{color:#ffffffb3}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel-hd{background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:700}.channel-item.active .channel-hd{background:#ffffff40}.channel-radio{color:#fff;letter-spacing:.05em;background:#6b4fa0;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:700}.channel-item.active .channel-radio{background:#ffffff40}.main .radio-card{display:none}.resume-play-btn{z-index:6;color:#f2f9ff;cursor:pointer;background:#0a1c2beb;border:1px solid #84b9e6bf;border-radius:999px;padding:14px 26px;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000059}.resume-play-btn:hover{background:#102739f5;border-color:#9ec9f0}.resume-play-btn[hidden]{display:none}.main.radio-mode .radio-card{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.radio-icon{color:#6b4fa0;font-size:64px;line-height:1}.radio-name{color:var(--text);text-align:center;padding:0 16px;font-size:22px;font-weight:600}.playback-status{z-index:10;color:#f2f9ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1a26e0;border:1px solid #84b9e6a6;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:8px;width:auto;max-width:none;padding:8px 12px;font-size:12px;display:grid;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000059}.playback-status-main{min-width:0}#playback-status-text{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.45;display:block}.playback-status-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.playback-status[hidden]{display:none}.playback-status.error{color:#ffe6e8;background:#351417c7;border-color:#ad4a548c}.toast-container{z-index:16;pointer-events:none;flex-direction:column;gap:8px;width:min(460px,100% - 24px);display:flex;position:absolute;top:12px;right:12px}.toast{pointer-events:auto;color:#f2f9ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1a26eb;border:1px solid #84b9e6a6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px 12px;display:grid;box-shadow:0 8px 24px #00000059}.toast.error{color:#ffe6e8;background:#351417e6;border-color:#ad4a548c}.toast-message{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.45}.toast-close{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:4px 8px}.toast-close:hover{border-color:var(--accent)}#playback-status-close,#hide-failing-channel-btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:4px 8px}#playback-status-close:hover,#hide-failing-channel-btn:hover{border-color:var(--accent)}.channel-loading,.channel-empty,.channel-error{color:var(--text-muted);padding:16px;font-size:13px}.channel-error{color:#f87171}.channel-info{flex:1;align-items:flex-start;gap:4px;width:100%;min-width:0;display:flex}.channel-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.channel-actions{align-self:center;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.channel-action-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#101010;border-radius:4px;padding:2px 6px;font-size:10px}.channel-action-btn.active{color:#fff;border-color:#84b9e68c}.channel-item.active .channel-action-btn{color:#fffffff2;background:#00000040;border-color:#ffffff73}.channel-guide{flex-direction:column;gap:2px;display:flex;overflow:visible}.channel-guide-inline{border:0;margin-top:0;padding:0}.guide-now{min-width:0;color:var(--accent);align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex;position:relative;overflow:visible}.guide-next{min-width:0;color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex;position:relative;overflow:visible}.channel-item.active .channel-guide{border-top-color:#ffffff3d;border-left-color:#ffffff59}.channel-item.active .guide-now,.channel-item.active .guide-next{color:#fffffff5}.channel-item.active .guide-label{color:#ffffffb8}.guide-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;flex:none;min-width:30px;font-size:10px}.guide-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;position:relative;overflow:hidden}.guide-text[data-fulltext]:hover:after{content:attr(data-fulltext);z-index:30;color:#f2f9ff;white-space:normal;pointer-events:none;background:#0c1a26f5;border:1px solid #84b9e6a6;border-radius:6px;min-width:220px;max-width:360px;padding:6px 8px;line-height:1.35;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000059}.settings-modal{z-index:22;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-modal[hidden]{display:none}.settings-dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;width:min(640px,100%);max-height:min(80vh,620px);padding:12px;display:flex;overflow:auto}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header h2{font-size:15px}.settings-header button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#111;border-radius:4px;padding:4px 8px}.settings-content{flex-direction:column;gap:8px;display:flex}.settings-panel{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:10px;padding:10px;display:flex}.settings-panel h3{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.settings-panel p{color:var(--text-muted);font-size:12px}.settings-row{align-items:center;gap:8px;display:flex}.settings-label{color:var(--text-muted);font-size:12px}.settings-select{min-width:150px;color:var(--text);border:1px solid var(--border);background:#111;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:12px}.settings-select:focus{border-color:var(--accent);outline:none}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.diagnostics-dialog{width:min(900px,100%)}.diagnostics-content{gap:10px}.diagnostics-json{color:#cfd7de;white-space:pre-wrap;word-break:break-word;background:#0b0b0b;border:1px solid #e0e0e01a;border-radius:6px;max-height:min(52vh,460px);padding:10px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.45;overflow:auto}.guide-panel{z-index:auto;background:var(--surface);border-top:1px solid var(--border);flex-direction:row;gap:8px;width:100%;padding:10px 16px 14px;display:flex;position:static;overflow:hidden}.guide-panel .guide-card{flex:1 1 0;min-width:0}.guide-empty{color:var(--text-muted);padding:8px;font-size:12px}.guide-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1a26d9;border:1px solid #0078d466;border-radius:6px;flex-direction:column;gap:4px;padding:8px;font-size:11px;display:flex}.guide-card-now{border-left:3px solid var(--accent)}.guide-card-next{border-left:3px solid #0078d499}.guide-card-time{color:var(--accent);letter-spacing:.02em;font-size:10px;font-weight:600}.guide-card-title{color:var(--text);max-height:none;font-weight:500;line-height:1.3;overflow:visible}.guide-card-desc{color:var(--text-muted);max-height:none;font-size:10px;line-height:1.2;overflow:visible}.guide-panel.compact{display:none}.channel-name-display{margin-bottom:4px;font-weight:500}