html{height:100%;overscroll-behavior:none}body{margin:0;padding:0;font-family:Emilys Candy,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(12px,2vw,18px);overflow-x:hidden;overflow-y:auto;min-height:100vh;min-height:100dvh;overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{scroll-behavior:auto;overflow-anchor:none}img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;text-align:center;padding:0;box-sizing:border-box;width:100%;overflow-x:hidden;overflow-y:auto}:root{--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}.screen{width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:auto;box-sizing:border-box;padding:calc(clamp(10px,2vw,20px) + var(--safe-top)) calc(clamp(10px,2vw,20px) + var(--safe-right)) calc(clamp(10px,2vw,20px) + var(--safe-bottom)) calc(clamp(10px,2vw,20px) + var(--safe-left));overflow-y:auto;overflow-x:hidden}.screen--photobooth{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow-y:auto;overflow-x:hidden;min-height:100vh;min-height:100dvh;height:auto}.video-preview{width:min(95vw,600px);max-height:min(80dvh,calc(100vh - 150px));max-height:min(80dvh,calc(100dvh - 150px));height:auto;object-fit:cover}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.photostrip-slide{animation:slideDown .8s ease-out}.photobooth-button{font-family:Emilys Candy,cursive;background-color:#ffe5e5;border:2px solid #000000;border-radius:clamp(8px,1.5vw,16px);color:#000;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;touch-action:manipulation}.photobooth-button:hover{background-color:#ffd4d4;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.photobooth-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}select{font-family:Emilys Candy,cursive;background-color:#ffe5e5;border:2px solid #000000;border-radius:clamp(8px,1.5vw,16px);color:#000;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;cursor:pointer}select:hover{background-color:#ffd4d4;box-shadow:0 4px 8px #00000026}select:focus{outline:none;background-color:#ffd4d4;box-shadow:0 4px 8px #00000026}@media (max-width: 600px){.video-preview{width:100%;max-height:68dvh}select{font-size:16px}}
