*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;background-color:#000}#app{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0}#u1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;touch-action:none}.bottom-slider{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);z-index:1000;width:90%;max-width:700px;opacity:0;display:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.bottom-slider{width:100%;left:0;right:0;transform:translateY(100%);max-width:none}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-slider.slide-up{animation:slideUp .5s ease-out forwards;opacity:1}.bottom-slider.slide-down{animation:slideDown .3s ease-in forwards}@keyframes slideDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}@media(max-width:768px){.bottom-slider.slide-up{animation:slideUpMobile .5s ease-out forwards}.bottom-slider.slide-down{animation:slideDownMobile .3s ease-in forwards}}@keyframes slideDownMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.lottie-animation-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.lottie-animation-container.show{opacity:1;visibility:visible}.lottie-animation{width:300px;height:300px;max-width:80vw;max-height:80vh}@media(max-width:768px){.lottie-animation{width:200px;height:200px}}@media(max-width:480px){.lottie-animation{width:150px;height:150px}}.background-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;transition:opacity .5s ease-in-out}.background-image-container.fade-out{opacity:0;pointer-events:none}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/room.webp);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px)}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.camera-view-fade-in{animation:fadeIn .5s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner{display:flex;padding:10px;border-radius:20px;background-color:#0ff;justify-content:space-between}.textContainer{align-items:flex-end;flex-direction:row}.ui-elements-container{display:flex;position:fixed;bottom:30px;gap:1rem;justify-items:center;flex-direction:column}.share-button{border-radius:30px;padding:10px;margin-right:10px;background-color:#fff;outline:none;border:none;cursor:pointer}.redirection-button{border-radius:30px;padding:10px;background-color:#fff;outline:none;border:none;cursor:pointer}.scroll-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-left:10px;padding-right:10px;scroll-behavior:smooth;gap:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.story-item{min-width:50px;width:56px;height:54px;align-self:center;border-radius:50%;outline:none;border:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#333;display:inline-block;overflow:hidden}.instruction-view{transform:translate(-50%) translateY(calc(100% + 150px));transition:none;opacity:0;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.instruction-view.slide-in{animation:instructionSlideIn .25s cubic-bezier(.25,.46,.45,.94) forwards}.instruction-view.slide-out{animation:instructionSlideOut .2s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes instructionSlideIn{0%{transform:translate(-50%) translateY(calc(100% + 150px));opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes instructionSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(calc(100% + 150px));opacity:0}}.gradient-card{background:none;padding:2px;box-sizing:border-box}#next-button{padding:14px 0;width:180px;border-radius:50px;border:2px solid #A3A0A0;background:linear-gradient(to right,#5a5d61,#494f57,#6e7989,#8491a2);opacity:.85;color:#fff;font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slide-out-left{animation:slideOutLeft .3s ease forwards}.slide-in-right{animation:slideInRight .3s ease forwards}