:root{color-scheme:light;--ink:#17282e;--cyan:#00c8e2;--paper:#fff;--theme-duration:680ms;--theme-easing:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html,body{margin:0;background:transparent;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}button{font:inherit}.player{position:relative;width:100%;aspect-ratio:16/9}.screen{position:relative;width:100%;height:100%;overflow:hidden;background:#101719;box-shadow:0 18px 38px rgba(23,40,46,.13);transition:box-shadow var(--theme-duration) var(--theme-easing)}.poster,.video{position:absolute;inset:0;width:100%;height:100%;border:0}.poster{object-fit:cover}.video{opacity:0}.video.is-ready{opacity:1}.play{position:absolute;left:6px;bottom:3px;display:grid;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;place-items:center}.play::before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid rgba(255,255,255,.9);transform:translateX(1px)}.play:disabled{opacity:.45;cursor:wait;animation:loading-pulse 900ms ease-in-out infinite alternate}@keyframes loading-pulse{to{opacity:1}}.play:focus-visible{outline:2px solid #fff;outline-offset:8px}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.cinema-mode{color-scheme:dark}.cinema-mode .screen{box-shadow:0 22px 54px rgba(0,0,0,.55)}@media(prefers-reduced-motion:reduce){.screen{transition:none}.play:disabled{animation:none}}