html,body{margin:0;background:#faf9f5;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}*{box-sizing:border-box}p{padding:24px;color:#3b3a35}.video-frame{width:100%;aspect-ratio:16/9}.playback{height:64px;padding:0 12px 8px;background:#eeece5;border-top:1px solid #d8d5cc;color:#141413}.playback input{display:block;width:100%;height:18px;margin:0;accent-color:#9a4f33;cursor:pointer}.playback-buttons{display:flex;align-items:center;gap:8px;height:36px}.playback button{font:inherit;font-size:13px;border:1px solid #d8d5cc;background:#faf9f5;border-radius:6px;padding:6px 10px;cursor:pointer;color:#141413;min-height:32px}.playback button:hover{background:#f3e8df}.playback button:focus-visible,.playback input:focus-visible{outline:2px solid #9a4f33;outline-offset:2px}.time{font-size:12px;font-variant-numeric:tabular-nums;color:#666;white-space:nowrap}.fullscreen{margin-left:auto}.player-shell:fullscreen{display:grid;grid-template-rows:minmax(0,1fr) 64px;width:100vw;height:100vh;background:#141413}.player-shell:fullscreen .video-frame{height:100%;min-height:0;aspect-ratio:auto}@media(max-width:360px){.playback{padding-left:6px;padding-right:6px}.playback-buttons{gap:4px}.playback button{padding:5px 7px}}