:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eff8;background:#0c111a;color-scheme:dark;--muted:#8e9aad;--line:#263144;--accent:#67e5c0}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:36px 28px 24px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:var(--accent);margin:0 0 7px}h1{font-size:32px;letter-spacing:-.04em;margin:0;font-weight:650}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-left:13px}h2{font-size:19px;margin:0;font-weight:600}h3{font-size:15px;font-weight:500;margin:0}.clock{text-align:right;font-variant-numeric:tabular-nums}.clock span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.clock time{font-size:15px}.panel{background:#141d2b;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:24px;box-shadow:0 12px 42px #0002}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px}.connection{color:#a6b3c5;font-size:13px}.connection.online{color:var(--accent)}.connection.offline{color:#ffb397}.video-wrap{position:relative;background:#000;aspect-ratio:16/9}video{width:100%;display:block;background:#000}.video-wrap video{height:100%;object-fit:contain}.live-badge{position:absolute;top:18px;left:18px;background:#db354b;color:white;padding:6px 10px;font-size:11px;font-weight:750;letter-spacing:.08em;border-radius:5px;pointer-events:none}.video-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#cad2df;background:#0008;pointer-events:none}.video-message[hidden]{display:none}.player-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 22px}.player-footer p,.hint{color:var(--muted);font-size:12px;margin:0;line-height:1.6}button,select{font:inherit;font-size:13px;border-radius:7px;border:1px solid #34435a;background:#1b283b;color:#e9eff8;padding:9px 12px}button{cursor:pointer;min-height:40px}button:hover{background:#293b54}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.filters{display:flex;align-items:end;gap:10px}.filters label{display:grid;gap:5px;color:var(--muted);font-size:11px}.filters select{min-height:40px}.library .hint{padding:0 22px 19px}.recording-list{border-top:1px solid var(--line)}.day-title{margin:0;padding:13px 22px;background:#172233;color:#b5c3d7;font-size:12px;font-weight:600;letter-spacing:.03em}.recording-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-top:1px solid #26314470}.recording-row p{margin:0}.recording-time{font-size:14px;font-variant-numeric:tabular-nums}.recording-detail{font-size:12px;color:var(--muted);margin-top:5px!important}.recording-row button{min-width:76px;background:#193b36;border-color:#285c50;color:#b6f5df}.recording-row button:hover{background:#255547}.recording-player{border-top:1px solid var(--line);padding-bottom:16px}.recording-player video{max-height:65vh}.recording-player p{padding:0 22px;margin-bottom:0;color:var(--muted);font-size:12px}#catalog-message{color:var(--muted);padding:0 22px;font-size:14px}footer{font-size:11px;line-height:1.8;color:#718097;display:flex;justify-content:space-between;gap:16px}body:fullscreen main{max-width:none}.footer-note{color:#718097}@media(max-width:720px){main{padding:20px 12px}.masthead{align-items:start;gap:15px;margin-bottom:21px}h1{font-size:24px}.clock time{font-size:12px}.clock span{font-size:10px}.section-head{padding:16px}.library-head{align-items:start;flex-direction:column}.filters{width:100%;gap:8px}.filters label{flex:1}.filters select{width:100%}.player-footer{padding:12px 16px}.player-footer p{font-size:11px}.hint{padding-left:16px!important}.day-title{padding:13px 16px}.recording-row{padding:16px}.recording-time{font-size:13px}footer{flex-direction:column;gap:0}.live-badge{top:12px;left:12px}.panel{border-radius:10px}.clock{max-width:180px}.filters button{padding:9px}.recording-player .section-head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.player-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-controls{padding:16px 22px;background:#141d2b}.archive-controls label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.archive-controls input{width:100%;height:38px;margin:0;cursor:pointer;accent-color:var(--accent)}.archive-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.archive-position{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-variant-numeric:tabular-nums;margin:6px 0 12px}.archive-position time{color:var(--muted)}.archive-buttons{display:flex;gap:8px;flex-wrap:wrap}.archive-buttons button:last-child{margin-left:auto}#archive-stage:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000}#archive-stage:fullscreen video{max-height:calc(100vh - 170px);flex:1;min-height:0;object-fit:contain}#archive-stage:fullscreen .archive-controls{flex-shrink:0}@media(max-width:720px){.archive-controls{padding:12px 16px}.archive-buttons button{padding:9px}.player-footer{align-items:start}.player-actions{justify-content:flex-end}.archive-position{flex-wrap:wrap}}