:root{color-scheme:light;background:#f3e8e5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}main{display:flex;flex-direction:column;gap:12px;padding:16px 0;align-items:center;justify-content:center;position:fixed;inset:0;background:#f3e8e5}.video-frame{width:min(92vw,48.375vh,calc(56.25vh - 42.75px));width:min(92vw,48.375dvh,calc(56.25dvh - 42.75px));aspect-ratio:9/16;flex-shrink:0;overflow:hidden;background:#f3e8e5}video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;cursor:pointer;-webkit-tap-highlight-color:transparent}video:focus{outline:none}video:focus-visible{outline:1px solid #705d58;outline-offset:-4px}#sound-toggle{border:0;border-bottom:1px solid #bda9a4;background:transparent;color:#705d58;font:11px Arial,sans-serif;letter-spacing:.5px;padding:9px 6px;cursor:pointer;flex-shrink:0}#sound-toggle:focus-visible{outline:2px solid #705d58;outline-offset:3px}@media(max-height:500px){main{gap:6px;padding:8px 0}#sound-toggle{padding:5px;font-size:10px}}