*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;background:#fff;width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}.page1-container{width:100vw;height:100dvh;position:relative;overflow:hidden}@keyframes page1EnterAnim{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.page1-enter{animation:.3s ease-out forwards page1EnterAnim}.page1-bg,.page1-land-bg{object-fit:fill;z-index:0;width:100%;height:100%;position:absolute;inset:0}.page1-land-bg{display:none}.page1-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:3vw;width:100%;height:100%;padding:8vw 7vw;display:flex;position:relative}.page1-logo{cursor:pointer;width:50vw;max-width:480px}.page1-title{width:80vw;max-width:600px}.page1-title-land{display:none}.page1-play{cursor:pointer;width:45vw;max-width:340px}.page1-camera,.page1-camera-land{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0}.page1-camera{width:50vw;max-width:360px}.page1-camera-land{display:none}@media (orientation:landscape){.page1-bg{display:none}.page1-land-bg{display:block}.page1-content{gap:2.5vh;padding:5vh 6vw}.page1-logo{width:auto;max-width:none;height:9vh}.page1-title{display:none}.page1-title-land{width:40vw;max-width:640px;display:block}.page1-play{width:auto;max-width:none;height:26vh}.page1-camera{display:none}.page1-camera-land{width:20vw;max-width:320px;display:block}}.page2-container{width:100vw;height:100dvh;position:relative;overflow:hidden}@keyframes page2EnterAnim{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page2-enter{animation:.3s ease-out forwards page2EnterAnim}.page2-bg,.page2-land-bg{object-fit:fill;z-index:0;width:100%;height:100%;position:absolute;inset:0}.page2-land-bg{display:none}.page2-content{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;gap:4vw;width:100%;height:100%;padding:8vw 7vw;display:flex;position:relative}.page2-logo{cursor:pointer;width:42vw;max-width:400px;margin-top:8vw}.page2-logo-img{object-fit:contain;width:100%;display:block}.page2-title{width:48vw;max-width:460px}.page2-title-img{object-fit:contain;width:100%;display:block}.page2-lang-section{flex-direction:column;align-items:center;width:85vw;max-width:680px;margin-top:8vw;display:flex;position:relative}.page2-lang-row{align-items:center;width:100%;display:flex;position:relative}.page2-lang-img{flex:1;width:0;height:auto}.page2-active-lang{width:100%}.page2-play-btn{cursor:pointer;width:13vw;max-width:84px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}@keyframes langFadeIn{0%{opacity:0}to{opacity:1}}.page2-lang-animate{animation:.4s forwards langFadeIn}@keyframes playerFadeIn{0%{opacity:0;transform:translate(-50%,calc(-50% - 10px))}to{opacity:1;transform:translate(-50%,-50%)}}.page2-player-animate{animation:.4s forwards playerFadeIn}.page2-audio-player{flex-direction:column;align-items:center;width:88%;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.audio-time-row{justify-content:space-between;width:95%;padding:0 2vw;display:flex}.audio-time{color:#333;font-family:Arial,sans-serif;font-size:3vw}.audio-seekbar{cursor:pointer;touch-action:none;align-items:center;width:90%;height:6vw;display:flex;position:relative}.audio-seekbar-track{background:#ccc;border-radius:1vw;width:98%;height:.5vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-seekbar-fill{background:#333;border-radius:1vw;height:.5vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-seekbar-dot{pointer-events:none;width:3vw;height:3vw;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-play-pause{cursor:pointer;width:6vw;margin-top:1vw;transition:transform .3s}.audio-play-pause:active{transform:scale(.9)}.page2-camera,.page2-camera-land{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0}.page2-camera{width:50vw;max-width:360px}.page2-camera-land{display:none}@media (orientation:landscape){.page2-bg{display:none}.page2-land-bg{display:block}.page2-content{gap:1.8vh;padding:3vh 6vw}.page2-logo{width:12vw;max-width:190px;margin-top:5vh}.page2-title{width:19vw;max-width:290px}.page2-lang-section{width:30vw;max-width:430px;margin-top:1.5vh}.page2-play-btn{width:auto;max-width:none;height:8vh;right:4%}.audio-time-row{padding:0 1vw}.audio-time{font-size:1.6vh}.audio-seekbar{height:4vh}.audio-seekbar-track,.audio-seekbar-fill{border-radius:3px;height:3px}.audio-seekbar-dot{width:2.4vh;height:2.4vh}.audio-play-pause{width:auto;height:5vh;margin-top:.5vh}.page2-camera{display:none}.page2-camera-land{width:20vw;max-width:320px;display:block}}@media (orientation:landscape) and (height<=620px){.page2-content{gap:1.2vh;padding:2vh 6vw}.page2-logo{margin-top:1.5vh}.page2-title{width:14vw;max-width:220px}.page2-lang-section{margin-top:1vh}}