:root{font-family:Arial,Helvetica,sans-serif;color:#edeff1;background:#0f151b;color-scheme:dark;--blue:#00a3e1;--muted:#a6b1ba;--line:#30404b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 10%,#1a2732,#0f151b 75%);min-height:100vh}header{height:80px;display:flex;align-items:center;gap:25px;padding:0 4%;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-size:25px;letter-spacing:5px}header>span{font-size:11px;letter-spacing:1.8px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}header p{margin-left:auto;font-size:12px;letter-spacing:1.4px;color:var(--muted)}main{max-width:1800px;margin:auto;padding:34px 4%}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.eyebrow{color:var(--blue);letter-spacing:1.8px;font-size:12px;margin:0 0 12px}h1{font-size:clamp(28px,3vw,45px);font-weight:500;letter-spacing:-1px;margin:0}.meta{font-size:14px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}#player{position:relative;background:#080c10;border:1px solid var(--line);overflow:hidden}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080c10}.playback{display:flex;gap:10px;align-items:center;padding:14px;flex-wrap:wrap;background:#17212a}.playback label{display:flex;gap:10px;align-items:center;font-size:14px;margin-left:auto;color:var(--muted)}button,select{font:inherit;font-size:14px;border:1px solid #536774;background:#17212a;color:#edeff1;border-radius:3px;padding:10px 13px;cursor:pointer}button:hover,select:hover{border-color:var(--blue);background:#213746}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#play{background:var(--blue);color:#07141d;font-weight:bold;border-color:var(--blue);min-width:66px}.now{display:flex;align-items:start;gap:18px;padding:22px 0 15px}#slide-count{font-size:13px;color:var(--blue);padding-top:5px;white-space:nowrap}.now p{font-size:11px;color:var(--muted);letter-spacing:1.3px;margin:0 0 8px}.now h2{font-size:23px;line-height:1.3;font-weight:500;margin:0}.now time{margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap;padding-top:4px}.hint{font-size:14px;color:var(--muted);line-height:1.5;margin:7px 0}aside{border-top:2px solid var(--blue);background:#152029}.index-head{padding:20px 19px;border-bottom:1px solid var(--line)}.index-head h2{font-weight:500;font-size:20px;margin:0 0 17px}.index-head select{width:100%;font-size:14px}ol{list-style:none;padding:0;margin:0;max-height:calc(100vh - 340px);min-height:310px;overflow:auto;scrollbar-color:#3c5363 #152029}li button{border:0;border-bottom:1px solid #2b3944;border-radius:0;display:grid;grid-template-columns:26px 1fr;gap:6px 9px;text-align:left;width:100%;padding:15px 17px;background:transparent;line-height:1.45}li button .num{font-size:12px;color:#8497a5;grid-row:span 2;padding-top:2px}li button .name{font-size:14px}li button time{font-size:12px;color:var(--muted)}li button[aria-current=true]{background:#003c55;border-left:3px solid var(--blue);padding-left:14px}li button[aria-current=true] .num{color:#6fd3ff}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;color:var(--muted);font-size:12px}.loading{position:absolute;inset:0 0 69px;background:#0b141ee8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;text-align:center;padding:30px}.loading[hidden]{display:none}.loading strong{font-size:23px;font-weight:500}.loading span{font-size:14px;color:var(--muted)}progress{width:min(330px,90%);height:5px;accent-color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border:0}#player:fullscreen video{flex:1;min-height:0;width:100%;aspect-ratio:auto}#player:fullscreen .playback{flex-shrink:0;justify-content:center}#player:fullscreen .playback label{margin-left:20px}.theater .layout{grid-template-columns:1fr}.theater aside{display:none}.theater main{max-width:1500px}@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.playback{gap:7px;padding:10px}.playback button,.playback select{padding:9px}.playback label{gap:5px}header p{display:none}.now time{display:none}}@media(max-width:800px){header{height:65px;padding:0 20px}.brand{font-size:21px}header>span{font-size:10px;padding-left:15px}main{padding:25px 18px}.heading{display:block}.meta{display:block;margin-top:14px}h1{font-size:32px}.layout{grid-template-columns:1fr}.playback label{margin-left:0}.playback{justify-content:center}.playback button,.playback select{font-size:13px;padding:8px}.now h2{font-size:21px}.now{gap:13px}ol{max-height:410px;min-height:0}.loading{bottom:60px}.loading strong{font-size:18px}.loading span{font-size:12px}footer{flex-direction:column;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}