* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #eaf4ff; }
body { overflow: hidden; }
main { position: relative; width: 100%; height: 100vh; height: 100dvh; }
video, picture, img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
video { visibility: hidden; }
video.visible { visibility: visible; }
button { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); min-height: 44px; padding: 10px 17px; border: 1px solid #054ee1; border-radius: 24px; background: #eaf4ff; color: #054ee1; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
button:focus-visible { outline: 3px solid #054ee1; outline-offset: 4px; }

.screen-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }