:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101113;color:#f4f4f5}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #2d2e32}.brand{font-weight:800;letter-spacing:.04em;font-size:18px;color:#ffcf35}.brand span{color:#c3c5cc;font-size:13px;margin-left:15px;font-weight:400;letter-spacing:.12em}.badge{font-size:13px;color:#a5a7ad}main{max-width:1680px;margin:auto;padding:24px 32px}#viewport{width:100%;overflow:auto;background:#080809;border:1px solid #303136;border-radius:3px;scrollbar-width:thin}#frame{margin:auto;position:relative}#stage{position:relative;width:100%;height:100%;isolation:isolate}#stage>img{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}video{position:absolute;object-fit:fill;background:#000}video:focus-visible{outline:3px solid #ffcf35}nav{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}button{font:inherit;font-size:14px;min-height:44px;min-width:44px;border:1px solid #45464b;border-radius:5px;background:#222327;color:#f9f9fa;padding:10px 14px;cursor:pointer}button:hover{background:#383a40}button:disabled{opacity:.3;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid #ffcf35;outline-offset:3px}button[aria-pressed=true]{background:#ffcf35;color:#111;border-color:#ffcf35}.paging,.view-controls{display:flex;gap:8px;align-items:center}#count{font-variant-numeric:tabular-nums;min-width:55px;text-align:center;font-size:14px}#title{font-size:15px;color:#d5d5d9;text-align:center;margin:0}.hint{color:#a9abb2;font-size:13px;text-align:center;line-height:1.6;margin:20px 0 0}#status{color:#ffcf35;font-size:14px;text-align:center}details{border-top:1px solid #2c2e33;margin-top:24px;padding-top:16px;color:#a9abb2;font-size:14px}summary{cursor:pointer;width:fit-content;min-height:30px}#transcript{white-space:pre-wrap;line-height:1.6;max-width:900px;color:#d7d8db;padding-top:12px}body:fullscreen{overflow:auto;background:#101113}body:fullscreen header{display:none}@media(max-width:640px){header{height:60px;padding:0 16px}.brand{font-size:16px}.brand span{display:none}.badge{font-size:12px}main{padding:18px 12px}nav{flex-wrap:wrap;gap:12px;margin-top:14px}#title{order:3;width:100%;font-size:14px}.hint{font-size:13px;text-align:left}button{padding:8px 10px}.view-controls{gap:6px}details{margin-top:18px}}@media(max-height:520px) and (orientation:landscape){header,.hint,details{display:none}main{padding:8px 14px}nav{margin-top:8px}#title{order:0;width:auto}button{min-height:38px;padding:7px 10px}}
:root #video-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}#video-actions:empty{display:none}#video-actions button{border-color:#756429;color:#ffda61}dialog{border:1px solid #45464b;border-radius:8px;background:#141517;color:white;padding:16px;max-width:calc(100vw - 24px);width:520px;max-height:95dvh}dialog::backdrop{background:#000c}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.dialog-head h2{font-size:16px;margin:0}#large-video{position:static;width:100%;max-height:72dvh;display:block;object-fit:contain}#video-error{font-size:14px;color:#ffcf35}
.jump-label{display:flex;align-items:center;gap:8px;color:#c3c5cc;font-size:14px}#jump{background:#222327;color:#eee;border:1px solid #45464b;border-radius:5px;min-height:44px;padding:8px;font:inherit;max-width:260px}.slide-link{position:absolute;display:block}.slide-link:focus-visible{outline:2px solid #ffcf35;background:#ffcf3530}.stream-start{position:absolute;transform:translate(-50%,-50%);background:#101113e8;border-color:#ffcf35;color:#ffcf35;max-width:80%}dialog.wide{width:960px}@media(max-width:640px){#jump{max-width:180px}.jump-label{font-size:13px;gap:5px}.stream-start{font-size:13px}}