*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#667eea,#764ba2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;position:fixed;width:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}#app{width:100%;height:100%;position:relative}.container{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#000;padding-bottom:env(safe-area-inset-bottom)}#video-container{width:100%;height:100%;height:100dvh;position:relative;overflow:hidden;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom)}.video-player{width:100%;height:100%;object-fit:contain;display:block;position:absolute;top:0;left:0}.video-player::-webkit-media-controls{display:none!important}.video-player::-webkit-media-controls-enclosure{display:none!important}.image-player{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.swipe-hint{position:absolute;z-index:10;pointer-events:none;display:none;opacity:0}.swipe-hint-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:0}.swipe-lottie{width:480px;height:480px;display:flex;align-items:center;justify-content:center;transform:rotate(0)}.swipe-text{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:16px;color:#fff;font-weight:500;letter-spacing:.5px;white-space:nowrap}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;z-index:100;opacity:1}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;font-weight:500;letter-spacing:1px}.thank-you-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:20}.thank-you-content{text-align:center;padding:40px}.thank-you-title{font-size:48px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:2px}@media (max-width: 768px){.swipe-hint{bottom:calc(40px + env(safe-area-inset-bottom))}.swipe-text{font-size:16px}.thank-you-title{font-size:36px}}@media (max-width: 480px){.swipe-hint{bottom:calc(30px + env(safe-area-inset-bottom))}.swipe-text{font-size:20px}.thank-you-title{font-size:32px}}@media (orientation: landscape) and (max-height: 500px){.swipe-hint{bottom:calc(20px + env(safe-area-inset-bottom))}.swipe-text{font-size:18px}.thank-you-title{font-size:28px}}.container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.welcome-screen.show{opacity:1;visibility:visible}.welcome-content{text-align:center;color:#fff;padding:20px;max-width:90%}.welcome-title{font-size:64px;font-weight:700;margin-bottom:20px;animation:fadeInUp .8s ease;text-shadow:0 2px 10px rgba(0,0,0,.3)}.welcome-subtitle{font-size:24px;margin-bottom:40px;opacity:.9;animation:fadeInUp .8s ease .2s both;text-shadow:0 1px 5px rgba(0,0,0,.2)}.start-flight-btn{padding:20px 60px;font-size:22px;font-weight:600;background:#fffffff2;color:#667eea;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003;animation:fadeInUp .8s ease .4s both;-webkit-tap-highlight-color:transparent;min-width:240px}.start-flight-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.start-flight-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.welcome-title{font-size:52px}.welcome-subtitle{font-size:20px;margin-bottom:35px}.start-flight-btn{padding:20px 44px;font-size:22px;min-width:256px}}@media (max-width: 480px){.welcome-title{font-size:48px;margin-bottom:15px}.welcome-subtitle{font-size:18px;margin-bottom:30px}.start-flight-btn{padding:20px 44px;font-size:22px;min-width:256px}}.back-button{position:fixed;right:20px;bottom:30px;width:60px;height:60px;padding:0;border:none;background:transparent;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.back-button img{width:100%;height:100%;object-fit:contain;display:block}.back-button:active{transform:scale(.95)}