:root{color-scheme:dark;--bg:#111315;--panel:#191c1f;--line:#303438;--text:#ecefed;--muted:#9da5aa;--accent:#b8d59c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}a{color:var(--accent);text-underline-offset:3px}.shell{width:min(960px,calc(100% - 32px));margin:auto}header{height:74px;display:flex;align-items:center;justify-content:space-between}h1{font-size:20px;font-weight:650;letter-spacing:-.04em;margin:0}h1 span{font-weight:400;color:var(--muted)}#top-status{color:var(--accent);font-size:12px}.viewer-head{display:flex;justify-content:space-between;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-bottom:0;font-size:12px}.viewer-head span+span{color:var(--muted)}.video-frame{position:relative;aspect-ratio:16/10;background:#000}video{display:block;width:100%;height:100%;object-fit:contain}#video-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:13px;color:var(--muted)}.playback{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 0}.playback label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}button,select{font:inherit;font-size:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:9px 12px;cursor:pointer}button:hover,select:hover{border-color:var(--muted)}button.selected{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.note{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stats>div{padding:18px 15px;min-height:106px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats span,.stats small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.stats strong{display:block;font-variant-numeric:tabular-nums;font-size:23px;font-weight:550;margin:8px 0 3px;letter-spacing:-.035em}.stats small{font-size:10px}details{margin:25px 0;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.8}summary{cursor:pointer;color:var(--text)}details p{max-width:800px}.sources{display:flex;flex-wrap:wrap;gap:16px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7d868b;font-size:10px;padding:0 0 30px}@media(max-width:620px){.shell{width:calc(100% - 20px)}header{height:62px}h1{font-size:18px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:22px}.playback label{order:3;width:100%}.playback select{flex:1;min-width:0}button,select{min-height:38px}.viewer-head{padding:10px;font-size:11px}}