*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);color:#333;font-family:Georgia,serif;line-height:1.6}.container,body{min-height:100vh}.container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:20px}.station{animation:fadeIn .8s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:20px 0;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.station-header{margin-bottom:25px;text-align:center}.station-number{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.station-title{color:#2c3e50;font-size:28px;margin-bottom:10px}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#e74c3c;cursor:pointer;font-size:24px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.memory-text{background:#ffb6c133;border-left:4px solid #ff6b6b;font-size:18px}.hint-section,.memory-text{border-radius:10px;margin:20px 0;padding:20px}.hint-section{background:#ffeb3b1a;border:1px solid #ffeb3b}.hint-title{color:#f57f17;font-size:20px;font-weight:700;margin-bottom:10px}.qr-instruction{background:#ffc1071a;border-radius:8px;color:#856404;font-style:italic;margin-top:15px;padding:10px;text-align:center}.navigation{display:flex;gap:10px;justify-content:center;margin-top:30px}.nav-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.nav-button.full-width{max-width:300px;width:100%}.nav-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.nav-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.start-screen{text-align:center}.start-title{color:#2c3e50;font-size:32px;margin-bottom:20px}.start-subtitle{color:#7f8c8d;font-size:20px;margin-bottom:30px}.final-screen{text-align:center}.final-title{color:#e74c3c;font-size:36px;margin-bottom:20px}.photo-gallery-new{margin:20px 0;width:100%}.gallery-wrapper-new{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;background:#f8f9fa;border-radius:15px;display:flex;justify-content:center;max-height:80vh;min-height:250px;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%}.gallery-wrapper-new.swipeable{cursor:grab}.gallery-wrapper-new.swipeable:active{cursor:grabbing}.gallery-wrapper-new.portrait-mode{max-height:85vh;min-height:300px}.gallery-wrapper-new.landscape-mode{max-height:70vh;min-height:250px}.gallery-wrapper-new:has(.gallery-video-new){height:auto;max-height:85vh;min-height:200px}.gallery-image-new{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;box-shadow:0 4px 20px #0000001a;object-fit:contain}.gallery-image-new,.gallery-video-new{border-radius:10px;height:auto;max-height:100%;max-width:100%;width:auto}.gallery-video-new{max-height:80vh;object-fit:contain!important;outline:none}.gallery-video-new[style*=aspect-ratio]{max-height:80vh;max-width:100%}.gallery-video-new[data-orientation=portrait]{height:auto!important;max-height:80vh!important;max-width:100%!important;width:auto!important}.gallery-video-new::-webkit-media-controls-panel{background-color:#000c}.gallery-video-new::-webkit-media-controls-current-time-display,.gallery-video-new::-webkit-media-controls-play-button,.gallery-video-new::-webkit-media-controls-time-remaining-display,.gallery-video-new::-webkit-media-controls-timeline,.gallery-video-new::-webkit-media-controls-volume-slider{filter:invert(1)}.gallery-video-new::-moz-media-controls{background-color:#000c}.portrait-container{flex-direction:column;height:100%;max-height:80vh}.arrow-btn-new,.portrait-container{align-items:center;display:flex;justify-content:center}.arrow-btn-new{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:18px;font-weight:700;height:40px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.arrow-btn-new:hover{background:#ffffffe6;box-shadow:0 4px 15px #0003;opacity:1;transform:translateY(-50%) scale(1.1)}.arrow-btn-new:active{transform:translateY(-50%) scale(.95)}.prev-arrow-new{left:15px}.next-arrow-new{right:15px}.photo-counter-new{background:#0006;font-weight:600;padding:8px 12px;right:15px;top:15px}.photo-counter-new,.swipe-hint-new{border-radius:20px;color:#fff;font-size:14px;pointer-events:none;position:absolute;z-index:10}.swipe-hint-new{animation:fadeInOut 3s ease-in-out infinite;background:#000000b3;bottom:15px;left:50%;padding:8px 16px;transform:translateX(-50%)}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.gallery-dots-new{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;max-width:100%;min-height:40px;padding:10px}.gallery-dots-new.many-dots{gap:4px;padding:8px}.gallery-dots-new.many-dots .dot-new{height:12px;width:12px}.gallery-dots-new.many-dots .dot-new.video-dot{height:16px;width:16px}.gallery-dots-new.many-dots .dot-icon{font-size:7px}.gallery-dots-scrollable{display:flex;gap:6px;justify-content:flex-start;margin-top:20px;min-height:50px;overflow-x:auto;padding:10px;scroll-behavior:smooth;scrollbar-color:#ccc #0000;scrollbar-width:thin}.gallery-dots-scrollable::-webkit-scrollbar{height:4px}.gallery-dots-scrollable::-webkit-scrollbar-track{background:#0000}.gallery-dots-scrollable::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.gallery-navigation{gap:8px;margin-top:20px;min-height:60px;padding:15px 10px}.gallery-navigation,.jump-btn{align-items:center;display:flex;justify-content:center}.jump-btn{background:#0000001a;border:2px solid #dee2e6;border-radius:50%;color:#6c757d;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;height:32px;transition:all .3s ease;width:32px}.jump-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.1)}.jump-btn:active{transform:scale(.95)}.navigation-dots{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;max-width:320px;min-height:20px;overflow:hidden;padding:2px 0}.navigation-dots .dot-new{flex-shrink:0;height:12px;width:12px}.navigation-dots .dot-new.video-dot{height:16px;width:16px}.navigation-dots .dot-new.protected-dot{height:14px;width:14px}.navigation-dots .dot-icon{font-size:8px}.dot-new{align-items:center;background:#dee2e6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:16px;justify-content:center;position:relative;transition:all .3s ease;width:16px}.dot-new.active{background:#667eea;box-shadow:0 4px 12px #667eea66;transform:scale(1.3)}.dot-new:hover:not(.active){background:#adb5bd;box-shadow:0 3px 8px #00000026;transform:scale(1.1)}.dot-new.video-dot{background:linear-gradient(45deg,#ff4757,#ff6b6b);box-shadow:0 3px 8px #ff47574d;height:20px;width:20px}.dot-new.video-dot.active{background:linear-gradient(45deg,#ff3742,#ff5252);box-shadow:0 5px 15px #ff475780;transform:scale(1.3)}.dot-new.video-dot:hover:not(.active){background:linear-gradient(45deg,#ff5252,#ff7979);transform:scale(1.1)}.dot-new.protected-dot{background:linear-gradient(45deg,#feca57,#ff9ff3);border:2px solid #ff6b6b;box-shadow:0 3px 8px #ff6b6b4d;height:18px;width:18px}.dot-new.protected-dot.active{background:linear-gradient(45deg,#ff6b6b,#ff9ff3);border-color:#e55353;box-shadow:0 5px 15px #ff6b6b80;transform:scale(1.3)}.dot-new.protected-dot:hover:not(.active){background:linear-gradient(45deg,#ff7979,#fdcb6e);border-color:#ff7979;transform:scale(1.1)}.dot-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));font-size:9px;line-height:1;text-shadow:1px 1px 2px #0000004d}.dot-new.video-dot .dot-icon{color:#fff;font-size:10px}.dot-new.protected-dot .dot-icon{color:#fff;font-size:8px}.photo-placeholder{align-items:center;background:linear-gradient(45deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;display:flex;font-style:italic;height:200px;justify-content:center;margin:20px 0;width:100%}.birthday-decoration{animation:bounce 2s ease-in-out infinite;font-size:24px;margin-bottom:20px;text-align:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.age-celebration{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;background-clip:text;color:#e74c3c;font-size:22px;font-weight:700;margin:15px 0;text-align:center}.birthday-button{animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff6b6b,#feca57,#48cae4,#ff6b6b);background-size:300% 300%;box-shadow:0 5px 20px #ff6b6b66;transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.birthday-message{margin:20px 0;text-align:center}.big-age{font-size:48px;margin:10px 0;text-shadow:2px 2px 4px #0000004d}.birthday-wishes{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;background-clip:text;color:#e74c3c;font-size:20px;font-weight:700;margin-bottom:20px}.birthday-footer{background:#ffb6c133;border:2px solid #ff6b6b;border-radius:15px;margin-top:30px;padding:20px;text-align:center}.celebration-text{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:10px}.love-message{color:#7f8c8d;font-size:16px;font-style:italic}.heart{animation:heartbeat 1.5s ease-in-out infinite,colorShift 3s ease-in-out infinite}@keyframes colorShift{0%,to{color:#e74c3c}25%{color:#ff6b6b}50%{color:#feca57}75%{color:#ff9a9e}}.start-screen:before{animation:confetti 4s ease-in-out infinite;content:"🎊🎉🎈🎂✨🎁🎊🎉🎈🎂✨🎁";font-size:20px;left:0;opacity:.7;pointer-events:none;position:absolute;right:0;text-align:center;top:-10px}@keyframes confetti{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(3deg)}}.password-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.password-modal{animation:slideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:400px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.password-modal-header{align-items:center;background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff;display:flex;justify-content:space-between;padding:20px;position:relative}.password-modal-header h3{font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s ease;width:30px}.close-btn:hover{background:#fff3}.password-modal-content{padding:30px;text-align:center}.password-modal-content p{color:#333;line-height:1.5;margin-bottom:15px}.password-input{border:2px solid #e9ecef;border-radius:10px;font-size:16px;margin:20px 0;outline:none;padding:15px;text-align:center;transition:border-color .3s ease;width:100%}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-error{background:#e74c3c1a;border-left:3px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;margin:10px 0;padding:10px}.password-modal-buttons{display:flex;gap:10px;margin-top:20px}.btn-cancel,.btn-unlock{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.btn-cancel:hover{background:#e9ecef}.btn-unlock{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-unlock:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-unlock:disabled{background:#ccc;cursor:not-allowed;transform:none}.protected-content{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;min-height:250px;position:relative;transition:all .3s ease;width:100%}.protected-content:hover{transform:scale(1.02)}.protected-overlay{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:2px 2px 4px #000c;top:50%;transform:translate(-50%,-50%);z-index:10}.protected-icon{animation:pulse 2s ease-in-out infinite;font-size:48px;margin-bottom:15px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.protected-text{font-size:18px;font-weight:700;margin-bottom:8px}.protected-hint{font-size:14px;font-style:italic;opacity:.9}.protected-blur{align-items:center;background:linear-gradient(45deg,#ff6b6b4d,#feca574d,#48cae44d);border-radius:10px;display:flex;filter:blur(10px);height:100%;justify-content:center;min-height:250px;width:100%}.photo-placeholder-protected,.video-placeholder{font-size:64px;opacity:.5}.image-container{height:100%;position:relative;width:100%}.image-container,.image-loading-container{align-items:center;display:flex;justify-content:center}.image-loading-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8f9fae6;bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.image-loading-spinner{color:#6c757d;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f3f4;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#6c757d;font-size:16px;font-weight:500}.gallery-image-new.loading{opacity:.3;transition:opacity .3s ease}.image-error-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);bottom:0;display:flex;justify-content:center;left:0;min-height:250px;position:absolute;right:0;top:0}.image-error-content{max-width:300px;padding:30px;text-align:center}.error-icon{animation:shake .5s ease-in-out;font-size:48px;margin-bottom:15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-text{color:#6c757d;font-size:16px;line-height:1.4;margin-bottom:20px}.retry-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 18px #667eea66;transform:translateY(-2px)}.retry-button:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.gallery-image-new{transition:opacity .3s ease}.gallery-image-new:not(.loading){opacity:1}.dot-new.loading{animation:pulse-dot 1.5s ease-in-out infinite;background:linear-gradient(45deg,#f1f3f4,#dee2e6)}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}.dot-new.error{background:linear-gradient(45deg,#ffcccb,#ff6b6b);border:2px solid #dc3545}.dot-new.error:after{content:"⚠️";font-size:8px;position:absolute;right:-2px;top:-2px}@media (max-width:480px){.container{padding:10px}.station{padding:20px}.station-title{font-size:24px}.navigation{flex-direction:column}.nav-button{max-width:none}.start-title{font-size:28px}.final-title{font-size:32px}.gallery-wrapper-new{max-height:70vh;min-height:200px}.gallery-video-new{max-height:70vh;max-width:100%}.gallery-wrapper-new.portrait-mode{max-height:80vh;min-height:250px}.gallery-wrapper-new.landscape-mode{max-height:65vh;min-height:200px}.arrow-btn-new{font-size:16px;height:35px;width:35px}.prev-arrow-new{left:10px}.next-arrow-new{right:10px}.photo-counter-new{font-size:13px;padding:6px 10px;right:10px;top:10px}.swipe-hint-new{bottom:10px;font-size:13px;padding:6px 12px}.dot-new.video-dot{height:18px;width:18px}.dot-icon{font-size:9px}.gallery-dots-new{gap:6px;padding:0 5px}.gallery-dots-new.many-dots{gap:3px}.gallery-dots-new.many-dots .dot-new{height:10px;width:10px}.gallery-dots-new.many-dots .dot-new.video-dot{height:14px;width:14px}.gallery-dots-new.many-dots .dot-new.protected-dot{height:12px;width:12px}.gallery-dots-scrollable{padding:10px 5px}.gallery-navigation{gap:6px;min-height:50px;padding:12px 5px}.jump-btn{font-size:12px;height:28px;width:28px}.navigation-dots{gap:6px;max-width:220px}.navigation-dots .dot-new{height:8px;width:8px}.navigation-dots .dot-new.video-dot{height:12px;width:12px}.navigation-dots .dot-new.protected-dot{height:10px;width:10px}.navigation-dots .dot-icon{font-size:6px}.birthday-decoration{font-size:20px}.age-celebration{font-size:18px}.big-age{font-size:36px}.birthday-wishes{font-size:18px}.password-modal{margin:10px;max-width:none}.password-modal-header{padding:15px}.password-modal-header h3{font-size:18px}.password-modal-content{padding:20px}.password-modal-buttons{flex-direction:column}.protected-icon{font-size:36px}.protected-text{font-size:16px}.protected-hint{font-size:13px}.photo-placeholder-protected,.video-placeholder{font-size:48px}.image-loading-spinner{transform:scale(.8)}.spinner{border-width:3px;height:30px;width:30px}.loading-text{font-size:14px}.image-error-content{padding:20px}.error-icon{font-size:36px}.error-text{font-size:14px}.retry-button{font-size:13px;padding:10px 16px}}@media (min-width:481px) and (max-width:768px){.gallery-wrapper-new{max-height:75vh;min-height:250px}.gallery-video-new{max-height:75vh}.gallery-wrapper-new.portrait-mode{max-height:80vh}.gallery-wrapper-new.landscape-mode{max-height:70vh}.navigation-dots{max-width:280px}}@media (min-width:769px){.gallery-wrapper-new{max-height:80vh;min-height:300px}.gallery-video-new{max-height:80vh}.gallery-wrapper-new.portrait-mode{max-height:85vh;min-height:350px}.gallery-wrapper-new.landscape-mode{max-height:75vh;min-height:300px}}
/*# sourceMappingURL=main.e9013c04.css.map*/