.sirius-video-player{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:14px;background:#030608;color:#f7fafb;outline:none;isolation:isolate}.sirius-video-player:focus-visible{outline:3px solid #d8ac5c;outline-offset:3px}.sirius-video-player video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#000;cursor:pointer}.svp-controls{position:absolute;z-index:2;inset:auto 0 0;padding:35px 16px 11px;background:linear-gradient(transparent,#05080ad9 48%,#05080af2);transition:opacity .2s ease}.svp-progress{display:block;width:100%;height:18px;margin:0;accent-color:#ddb36a;cursor:pointer}.svp-progress:disabled{opacity:.45;cursor:default}.svp-row{display:flex;align-items:center;gap:9px;min-height:42px}.svp-icon,.svp-center{display:grid;place-items:center;flex:none;border:0;background:transparent;color:#fff;cursor:pointer}.svp-icon{width:38px;height:38px;padding:7px;border-radius:8px}.svp-icon:hover,.svp-center:hover{background:#ffffff2b}.svp-icon svg,.svp-center svg{display:block;width:22px;height:22px;fill:currentColor}.svp-center{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;padding:16px;border-radius:50%;background:#101820c9;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .2s ease}.svp-center svg{width:32px;height:32px}.is-paused .svp-center{opacity:1;pointer-events:auto}.svp-time{font-size:.82rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:#f5f7f8}.svp-speed{height:36px;margin-left:auto;padding:0 7px;border:1px solid #ffffff5c;border-radius:8px;background:#111820d9;color:#fff;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.svp-speed:focus-visible,.svp-icon:focus-visible,.svp-center:focus-visible{outline:2px solid #e9c77e;outline-offset:2px}.sirius-video-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}.sirius-video-player:fullscreen .svp-controls{padding:45px 28px 23px}@media(max-width:520px){.svp-controls{padding:25px 8px 5px}.svp-row{gap:2px}.svp-icon{width:34px;height:34px;padding:6px}.svp-time{font-size:.68rem}.svp-speed{height:32px;padding:0 2px;font-size:.75rem}.svp-center{width:54px;height:54px;padding:12px}.svp-center svg{width:25px;height:25px}}

/* The main app gives every form select full width. Show only the speed text. */
.sirius-video-player .svp-speed{
  flex:0 0 62px;
  width:62px;
  min-width:62px;
  max-width:62px;
  height:40px;
  min-height:40px;
  margin-left:auto;
  padding:0 4px;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  font-size:.85rem;
  font-weight:800;
  line-height:1;
  text-align:center;
  text-align-last:center;
  cursor:pointer;
}
.sirius-video-player .svp-speed:hover{color:#e9c77e}
.sirius-video-player{background:#090807;color:#f4f0e7;border:1px solid #3f3321;border-radius:12px}
.sirius-video-player .svp-center{background:#1f1b13d9;color:#eac47c}
.sirius-video-player .svp-controls{background:linear-gradient(transparent,#0b0906d9 48%,#0b0906f2)}
.svp-notice{position:absolute;z-index:3;left:12px;right:12px;top:12px;padding:10px 12px;border:1px solid #665233;border-radius:8px;background:#16120ce8;color:#e9d9b9;font-size:.8rem;line-height:1.45;pointer-events:none}.svp-notice:empty{display:none}.is-loading .svp-center{opacity:.4;pointer-events:none}
.sirius-video-player .svp-icon{min-height:38px}.sirius-video-player .svp-speed{color:#efcf92}.sirius-video-player .svp-speed option{background:#16140f;color:#f4f0e7}
@media(max-width:520px){
  .sirius-video-player .svp-speed{flex-basis:58px;width:58px;min-width:58px;max-width:58px;height:44px;min-height:44px;font-size:.75rem}
}
.sirius-video-player.svp-expanded{position:fixed;inset:0;z-index:2147483647;width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#000}
.sirius-video-player.svp-expanded .svp-controls{padding-bottom:max(14px,env(safe-area-inset-bottom))}
/* Auto-hide: controls leave the picture while a video plays (so they never
   cover the answer choices) and return on mouse movement, a tap or a key. */
.sirius-video-player .svp-controls{transition:opacity .25s ease,transform .25s ease}
.sirius-video-player.svp-idle .svp-controls{opacity:0;transform:translateY(8px);pointer-events:none}
.sirius-video-player.svp-idle,.sirius-video-player.svp-idle video{cursor:none}
.sirius-video-player.svp-touch.svp-revealed:not(.is-paused):not(.is-loading) .svp-center{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.sirius-video-player .svp-controls{transition:none;transform:none}}
/* Chapter timeline: custom track with buffered media and question boundaries
   drawn beneath a transparent slider, so the native thumb still seeks. */
.svp-seek{position:relative;height:18px;--svp-track:4px}
.svp-seek>.svp-buffer,.svp-seek>.svp-played,.svp-seek::before{content:"";position:absolute;left:0;top:50%;height:var(--svp-track);border-radius:999px;transform:translateY(-50%);pointer-events:none}
.svp-seek::before{right:0;background:#ffffff26}
.svp-seek>.svp-buffer{width:0;background:#ffffff59;transition:width .3s linear}
.svp-seek>.svp-played{width:0;background:#ddb36a}
.svp-marks{position:absolute;inset:0;pointer-events:none}
.svp-mark{position:absolute;top:50%;width:3px;height:calc(var(--svp-track) + 4px);margin-left:-1.5px;border-radius:1px;background:#0b0906;transform:translateY(-50%);opacity:.9}
.svp-seek .svp-progress{position:relative;z-index:1;-webkit-appearance:none;appearance:none;background:transparent;height:18px}
.svp-seek .svp-progress::-webkit-slider-runnable-track{height:18px;background:transparent}
.svp-seek .svp-progress::-moz-range-track{height:18px;background:transparent}
.svp-seek .svp-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:2px;border:0;border-radius:50%;background:#f2d390;box-shadow:0 0 0 3px #0b090699}
.svp-seek .svp-progress::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#f2d390;box-shadow:0 0 0 3px #0b090699}
.svp-seek:hover{--svp-track:6px}
@media(max-width:520px){.svp-seek{--svp-track:5px}.svp-seek .svp-progress::-webkit-slider-thumb{width:16px;height:16px;margin-top:1px}}
/* Double-tap skip feedback on the chapter page. */
.svp-skip{position:absolute;z-index:3;top:50%;padding:10px 16px;border-radius:999px;background:#0b0906c7;color:#f2d390;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .15s ease}
.svp-skip[data-side="left"]{left:12%}.svp-skip[data-side="right"]{right:12%}
.svp-skipping .svp-skip{opacity:1}
.sirius-video-player video{touch-action:manipulation}
/* Icon buttons sit directly on the control gradient. video-theme.css gives
   every .video-page button a filled box, which outranks .svp-icon. */
.sirius-video-player .svp-icon{background:transparent;border:0;box-shadow:none}
.sirius-video-player .svp-icon:hover{background:#ffffff1f;border:0}
.sirius-video-player .svp-icon:active{scale:1;transform:none}
/* The main app styles every <input> (48-50px tall, padded, bordered, filled).
   Reset that for the seek slider so its thumb sits on the drawn track. */
.sirius-video-player .svp-progress{box-sizing:border-box;height:18px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.sirius-video-player .svp-progress:focus-visible{outline-offset:0}