.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}:root{--bg: #0d1117;--surface: #161b22;--surface2: #21262d;--border: #30363d;--accent: #388bfd;--accent-hover: #58a6ff;--text: #e6edf3;--text-muted: #7d8590;--danger: #f85149;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.app-header h1{font-size:15px;font-weight:600;white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:13px;flex-wrap:wrap}.breadcrumbs button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0}.breadcrumbs button:hover{text-decoration:underline}.app-main{flex:1;padding:24px;max-width:960px;margin:0 auto;width:100%}.hint{color:var(--text-muted);font-size:13px;margin-bottom:12px}.error-banner{background:#f851491a;border-bottom:1px solid var(--danger);color:var(--danger);padding:8px 24px;cursor:pointer;font-size:13px}.channel-selector{max-width:480px}.channel-selector h2{font-size:20px;margin-bottom:16px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.channel-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;text-align:left;cursor:pointer;font-size:13px;transition:border-color .15s;display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-btn:hover{border-color:var(--accent);color:var(--accent)}.group-count{background:var(--surface2);color:var(--text-muted);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.nvr-badge{background:var(--surface2);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:10px;white-space:nowrap}.loading{color:var(--text-muted);padding:16px 0}.calendar-view{max-width:380px}.calendar-loading{opacity:.5;pointer-events:none}.calendar-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;z-index:10}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.rdp{--rdp-accent-color: var(--accent);--rdp-background-color: var(--surface2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text)}.rdp-caption_label{color:var(--text)}.rdp-head_cell{color:var(--text-muted);font-weight:500}.rdp-day{color:var(--text-muted);border-radius:var(--radius)}.rdp-day:hover:not(.rdp-day_disabled){background:var(--surface2)!important}.rdp-nav_button{color:var(--text-muted)}.rdp-nav_button:hover{color:var(--text);background:var(--surface2)!important}.rdp-day.has-recording{color:var(--accent)!important;font-weight:600;cursor:pointer}.rdp-day.has-recording:hover{background:#388bfd26!important}.rdp-day_today{color:var(--text)!important;text-decoration:underline}.rdp-day_selected.has-recording{background:var(--accent)!important;color:#fff!important;border-radius:var(--radius)}.timeline-view{display:flex;flex-direction:column;gap:12px}.timeline-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0d1117}.range-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.range-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.range-inputs label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px}.range-inputs input[type=time]{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:13px;font-family:monospace}.range-inputs input[type=time]:focus{outline:2px solid var(--accent)}.range-dash{color:var(--text-muted)}.btn-watch{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:7px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-watch:hover{background:var(--accent-hover)}.btn-watch:disabled{opacity:.4;cursor:not-allowed}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 40px;min-width:320px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:16px}.progress-card h3{font-size:18px}.progress-label{color:var(--text-muted);font-size:13px;min-height:18px}.progress-bar-wrap{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.progress-pct{font-size:12px;color:var(--text-muted)}.btn-cancel{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:6px 16px;cursor:pointer;font-size:13px}.btn-cancel:hover{border-color:var(--danger);color:var(--danger)}.speed-select{display:none;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:13px;cursor:pointer}.player{display:flex;flex-direction:column;gap:10px}.player-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.view-back{margin-bottom:16px}.btn-back{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:5px 14px;cursor:pointer;font-size:13px;line-height:1.4;transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.speed-btns{display:flex;gap:4px}.btn-speed{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:3px 8px;font-size:12px;cursor:pointer}.btn-speed.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-speed:hover:not(.active){border-color:var(--accent);color:var(--accent)}.player-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.player-actions button{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 12px;cursor:pointer;font-size:13px}.player-actions button:hover{border-color:var(--accent);color:var(--accent)}.btn-share{display:inline-flex;align-items:center;gap:6px}.btn-share svg{color:#58a6ff}.btn-dl{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 12px;font-size:13px;text-decoration:none;cursor:pointer}.btn-dl svg{color:#3fb950}.btn-dl:hover{border-color:var(--accent);color:var(--accent)}.btn-dl:hover svg{color:var(--accent)}.share-panel{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;flex-wrap:wrap}.share-input{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);color:var(--accent);border-radius:var(--radius);padding:6px 10px;font-size:13px;font-family:monospace;cursor:text}.share-input:focus{outline:2px solid var(--accent)}.btn-copy{background:var(--accent);border:none;color:#fff;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-copy:hover{background:var(--accent-hover)}.share-hint{font-size:12px;color:var(--text-muted);white-space:nowrap}.video-el{width:100%;max-height:72vh;background:#000;border-radius:var(--radius);display:block}@media (max-width: 767px){.app{min-height:100dvh}.app-header{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}.app-header h1{font-size:14px}.app-main{padding:12px 16px}.hint-desktop{display:none}.hint-mobile{display:block}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.channel-btn{padding:14px 12px;font-size:14px;min-height:44px}.calendar-view{max-width:100%}.rdp{padding:8px}.range-selector{flex-direction:column;align-items:stretch;gap:10px}.range-inputs{justify-content:space-between}.range-inputs input[type=time]{font-size:16px;padding:8px;flex:1}.range-inputs label{flex:1}.btn-watch{padding:14px;font-size:16px;text-align:center;width:100%}.player-bar{flex-direction:column;align-items:stretch;padding:10px 12px;gap:8px}.btn-back{min-height:44px;width:100%}.view-back{margin-bottom:12px}.speed-btns{display:none}.speed-select{display:block;width:100%;min-height:44px;padding:8px;font-size:16px}.player-actions{margin-left:0;width:100%;gap:8px}.player-actions button,.btn-dl{flex:1;text-align:center;justify-content:center;min-height:44px;padding:10px}.live-player-actions{width:100%;justify-content:flex-end}.btn-go-live{min-height:44px;padding:10px 14px}.btn-to-archive{min-height:44px;padding:10px 16px;justify-content:center}.video-el{max-height:50vh;border-radius:0}.progress-card{min-width:unset;width:90vw;padding:24px 20px}.app-header{padding-bottom:12px}.app-main{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.hint-mobile{display:none}.hint-desktop{display:block}}.app-header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.header-user{color:var(--text-muted);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mode{background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:4px 12px;cursor:pointer;font-size:13px}.btn-mode:hover{border-color:var(--accent);color:var(--accent)}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 36px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:16px;text-align:center}.auth-card h1{font-size:22px}.auth-hint{color:var(--text-muted);font-size:14px;line-height:1.5}.auth-google{padding:12px 16px;font-size:14px}.auth-pending .pending-email{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.auth-pending .pending-email code{flex:1;font-family:monospace;font-size:13px;color:var(--accent);text-align:left;word-break:break-all}.auth-pending .pending-email button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.admin-panel{width:100%;max-width:960px}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.admin-tabs button{background:none;border:none;color:var(--text-muted);padding:8px 16px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent}.admin-tabs button:hover{color:var(--text)}.admin-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-section{display:flex;flex-direction:column;gap:12px}.admin-section-header{display:flex;justify-content:space-between;align-items:center}.admin-section-header h2{font-size:18px}.btn-primary{background:var(--accent);border:none;color:#fff;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:4px 10px;font-size:12px;cursor:pointer}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:13px}.admin-table th,.admin-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface2)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-actions button{background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;font-size:12px;cursor:pointer}.admin-actions button:not(.btn-danger):hover{border-color:var(--accent);color:var(--accent)}.badge{display:inline-block;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:lowercase}.badge-ok{background:#2386362e;color:#3fb950}.badge-warn{background:#d299222e;color:#d29922}.badge-mute{background:var(--surface2);color:var(--text-muted)}.form-grid{display:flex;flex-direction:column;gap:10px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.form-grid input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 10px;font-size:14px}.form-grid input:focus{outline:2px solid var(--accent)}.dialog-error{background:#f851491a;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:6px 10px;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{background:none;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 14px;font-size:13px;cursor:pointer}.admin-groups{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:flex-start}.admin-groups-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-group-row{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer}.admin-group-row:last-child{border-bottom:none}.admin-group-row:hover{background:var(--surface2)}.admin-group-row.selected{background:#388bfd1f}.admin-group-name{display:flex;align-items:center;gap:8px;font-weight:500}.admin-group-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.admin-group-meta button{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);padding:1px 8px;font-size:11px;cursor:pointer}.admin-group-meta button:not(.btn-danger):hover{border-color:var(--accent);color:var(--accent)}.admin-group-channels{min-height:200px}.admin-group-channels select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 6px;font-size:12px;cursor:pointer}.btn-edit-access{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:3px 10px;font-size:12px;cursor:pointer}.btn-edit-access:hover{border-color:var(--accent);color:var(--accent)}button.badge{border:none;cursor:pointer}.access-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:min(640px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:12px}.access-dialog h3{font-size:16px}.access-groups{flex:1;overflow-y:auto;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:6px}.access-group{display:flex;flex-direction:column;gap:4px}.access-group-header{display:flex;align-items:center;gap:8px;padding:6px 8px;font-weight:600;cursor:pointer;border-radius:var(--radius);background:var(--surface)}.access-group-header:hover{background:#388bfd0f}.access-group-name{flex:1}.access-channel-list{display:flex;flex-direction:column;gap:2px;padding-left:28px}.access-channel{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:13px;cursor:pointer;border-radius:var(--radius)}.access-channel:hover{background:var(--surface)}.access-channel input{cursor:pointer}.access-channel span:nth-of-type(1){flex:1}@media (max-width: 767px){.admin-groups{grid-template-columns:1fr}.admin-groups-list{max-height:240px;overflow-y:auto}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:6px 8px}.app-header-right{flex-wrap:wrap}.header-user{max-width:140px;font-size:11px}}.mode-selector{display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 0}.mode-selector-title{font-size:22px;font-weight:600;color:var(--text)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:520px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;font-size:14px;color:var(--text);text-align:center}.mode-card:hover{background:var(--surface2)}.mode-card-live{background:#f851490d;border-color:#f851494d;color:#f85149}.mode-card-live .mode-card-desc{color:#f8514999}.mode-card-live:hover{border-color:#f85149;background:#f851491f}.mode-card-archive{background:#388bfd0d;border-color:#388bfd4d;color:#58a6ff}.mode-card-archive .mode-card-desc{color:#58a6ff99}.mode-card-archive:hover{border-color:#58a6ff;background:#388bfd1f}.mode-card-icon{font-size:32px;display:flex;align-items:center;justify-content:center;height:40px}.live-dot{display:inline-block;width:20px;height:20px;border-radius:50%;background:#f85149;box-shadow:0 0 0 4px #f8514940;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 0 4px #f8514940}50%{box-shadow:0 0 0 8px #f851491a}}.mode-card-label{font-size:18px;font-weight:600}.mode-card-desc{font-size:12px;color:var(--text-muted)}@media (max-width: 480px){.mode-cards{grid-template-columns:1fr;max-width:280px}}.live-player{display:flex;flex-direction:column;gap:12px}.live-player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.live-player-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.live-badge{display:inline-flex;align-items:center;gap:5px;background:#f85149;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:4px}.live-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.5s ease-in-out infinite}.live-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.live-overlay-error{border-color:var(--danger)}.live-error-msg{color:var(--danger);font-size:14px;text-align:center;padding:0 16px}.video-hidden{display:none}.btn-live{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius);border:1px solid #f85149;background:#f851491f;color:#f85149;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-live:hover{background:#f8514938;border-color:#da3633}.btn-live-dot{width:8px;height:8px;border-radius:50%;background:#f85149;flex-shrink:0;animation:live-pulse 1.5s ease-in-out infinite}.live-player-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-go-live{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius);border:1px solid rgba(248,81,73,.4);background:#f851491a;color:#f85149;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn-go-live:hover{background:#f8514933;border-color:#f85149b3}.btn-go-live-dot{width:7px;height:7px;border-radius:50%;background:#f85149;flex-shrink:0;animation:live-pulse 1.5s ease-in-out infinite}.btn-to-archive{display:inline-flex;align-items:center;gap:6px;background:#388bfd14;border:1px solid rgba(56,139,253,.35);color:#58a6ff;border-radius:var(--radius);padding:5px 16px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-to-archive:hover{border-color:var(--accent-hover);color:var(--accent-hover);background:#388bfd29}