:root{--vanilla:#ffe6d1;--almond:#9d806e;--coffee:#724032;--cabernet:#490018;--deep:#320010}body{margin:0;font-family:'Montserrat',sans-serif;background:var(--vanilla);color:var(--almond);overflow-x:hidden;scroll-behavior:smooth}@media (prefers-color-scheme:dark){:root{--vanilla:#1a1a1a;--almond:#d4b8a5}body{background-color:#121212;color:#e0e0e0}#envelope{background-color:#1a1a1a}#countdown div{background:#252525;color:#d4b8a5}.alcohol-label,input,select,textarea{background:#2c2c2c;color:white;border-color:#444}}body::before{content:"";position:fixed;inset:0;background:radial-gradient(rgba(0,0,0,0.03) 1px,transparent 1px);background-size:4px 4px;pointer-events:none}#envelope{position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(255,255,255,0.88));display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10005;cursor:pointer;transition:opacity 1s ease;perspective:1200px;overflow:hidden;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.9);box-shadow:0 40px 90px rgba(0,0,0,0.18)}#envelope-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.22;filter:brightness(1.05) saturate(0.75);pointer-events:none;z-index:0}.envelope-box{width:340px;height:220px;background:linear-gradient(180deg,#fef9f4 0%,#fffdf9 45%,#f8efe6 100%);border-radius:28px;position:relative;box-shadow:0 35px 85px rgba(0,0,0,0.22);animation:sway 4s ease-in-out infinite;overflow:hidden;transform-style:preserve-3d}.envelope-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(255,255,255,0.75),transparent 45%);pointer-events:none;mix-blend-mode:soft-light;z-index:1}.envelope-flap{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8f5f3c 0%,#5c3122 100%);clip-path:polygon(0 0,100% 0,50% 50%);transition:transform 0.8s ease;transform-origin:top;z-index:2;box-shadow:inset 0 8px 24px rgba(0,0,0,0.18)}.envelope-flap::after{content:"";position:absolute;top:18%;left:12%;width:76%;height:24%;background:rgba(255,255,255,0.16);filter:blur(4px);pointer-events:none}.wax-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-20%);width:64px;height:64px;background:radial-gradient(circle at 30% 30%,#f8d78b 0%,#d69a3c 35%,#7a3f1b 100%);border-radius:50% 48% 52% 47% / 47% 53% 48% 52%;display:flex;align-items:center;justify-content:center;font-family:'Great Vibes',cursive;font-size:20px;font-weight:bold;color:#4d1a06;text-shadow:0.5px 0.5px 0 rgba(255,255,255,0.35);box-shadow:0 12px 20px rgba(0,0,0,0.28),inset 0 3px 8px rgba(255,255,255,0.5);z-index:3;transition:opacity 0.4s ease;animation:sealPulse 2.2s infinite ease-in-out;border:1px solid rgba(0,0,0,0.12)}.wax-seal::before{content:"";position:absolute;top:16%;left:16%;width:40%;height:16%;background:rgba(255,255,255,0.55);border-radius:50%;filter:blur(1px);pointer-events:none}.wax-seal::after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;border-radius:50%;box-shadow:inset 0 10px 30px rgba(0,0,0,0.1);pointer-events:none}@keyframes sealPulse{0%{transform:translate(-50%,-20%) scale(1);box-shadow:inset 0 0 12px rgba(0,0,0,0.3),0 6px 15px rgba(0,0,0,0.4)}50%{transform:translate(-50%,-20%) scale(1.1);box-shadow:0 0 20px rgba(255,215,0,0.5),0 10px 30px rgba(0,0,0,0.4)}100%{transform:translate(-50%,-20%) scale(1);box-shadow:inset 0 0 12px rgba(0,0,0,0.3),0 6px 15px rgba(0,0,0,0.4)}}@keyframes sway{0%,100%{transform:rotate(0deg)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}#envelope.open .envelope-flap{transform:rotateX(180deg)}#envelope.open .wax-seal{opacity:0;animation:none}#envelope.open .envelope-box{animation:none}.letter{position:absolute;top:14px;left:18px;right:18px;bottom:14px;background:linear-gradient(180deg,#fffdfa,#f7efe7);border-radius:20px;z-index:1;transition:transform 1s ease-in-out,opacity 0.5s;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-shadow:0 20px 35px rgba(0,0,0,0.16);color:var(--cabernet);font-family:'Great Vibes',cursive;font-size:24px;text-align:center;letter-spacing:0.8px;border:1px solid rgba(0,0,0,0.06);background-image:radial-gradient(circle at top left,rgba(255,255,255,0.9),transparent 25%)}#envelope.open .letter{opacity:1;transform:translateY(-140px) scale(1.05)}#envelope p{margin-top:20px;letter-spacing:2px;color:var(--deep)}.petal{position:fixed;top:-10px;width:12px;height:12px;background:var(--cabernet);opacity:0.6;border-radius:50%;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}.confetti{position:fixed;width:8px;height:8px;z-index:10002;pointer-events:none;animation:burst 1s ease-out forwards}@keyframes burst{0%{transform:translate(0,0) rotate(0deg);opacity:1}100%{transform:translate(var(--tx),var(--ty)) rotate(720deg);opacity:0}}.hero{background:linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('fon.jpg') center/cover no-repeat;color:var(--vanilla);padding:180px 20px;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}h1{font-family:'Playfair Display',serif;font-size:60px;letter-spacing:2px;color:var(--vanilla);margin:0;text-shadow:0 3px 8px rgba(0,0,0,0.4)}.script{font-family:'Great Vibes',cursive;font-size:48px;margin-top:30px;color:var(--vanilla)}.hero p{font-size:30px;margin:10px 0;color:var(--vanilla)}.calendar-btn{display:inline-block;margin-top:15px;padding:8px 16px;border:1px solid var(--vanilla);border-radius:20px;color:var(--vanilla);text-decoration:none;font-size:14px;background:rgba(255,255,255,0.1);transition:0.3s;cursor:pointer}.calendar-btn:hover{background:var(--vanilla);color:var(--almond)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,230,209,0.7)}70%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(255,230,209,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,230,209,0)}}.map-btn{display:inline-block;padding:8px 16px;margin:5px;background:var(--coffee);color:white;border-radius:20px;text-decoration:none;font-size:14px;transition:0.3s}.map-btn:hover{background:var(--cabernet);transform:translateY(-2px)}#address-text{cursor:pointer;transition:transform 0.2s,color 0.2s;display:inline-block}#address-text:hover{transform:scale(1.05);color:var(--cabernet)}#toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:var(--deep);color:#fff;text-align:center;border-radius:50px;padding:16px;position:fixed;z-index:10001;left:50%;bottom:30px;font-size:16px;box-shadow:0 5px 15px rgba(0,0,0,0.3);opacity:0;transition:opacity 0.5s,bottom 0.5s}#toast.show{visibility:visible;opacity:1;bottom:50px}#scrollTopBtn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--cabernet);color:white;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:998;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,transform 0.3s,background 0.3s;display:flex;align-items:center;justify-content:center}#scrollTopBtn.show{opacity:1;visibility:visible}#scrollTopBtn:hover{background:var(--deep);transform:translateY(-5px)}section{padding:120px 20px;text-align:center}.divider{width:80px;height:2px;background:var(--coffee);margin:40px auto}#countdown{margin-top:40px;font-size:22px;letter-spacing:2px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}#countdown div{background:white;padding:20px 25px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);min-width:90px;color:var(--almond)}#countdown span{display:block;font-size:28px;font-weight:600}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto;perspective:1000px}.gallery img{width:100%;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.1);transition:transform 0.1s ease-out;cursor:pointer;transform-origin:center}.gallery img:hover{transform:scale(1.05)}.dress-code{background:var(--coffee);color:var(--vanilla)}.palette{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.color-box{width:120px;height:120px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.2)}.color-name{margin-top:10px;font-size:14px;letter-spacing:1px}form{max-width:500px;margin:0 auto;text-align:left}input,select,textarea{width:100%;padding:14px;margin:10px 0 20px;border-radius:12px;border:1px solid #ddd}form label{display:block;margin-top:15px;margin-bottom:5px}.dress-code .gallery{max-width:1000px;margin:20px auto}.dress-code-note{margin-top:40px}.wishes-list{list-style:none;padding:0;max-width:500px;margin:0 auto;text-align:left}.wishes-list li{margin:10px 0}.wishes-thanks{margin-top:20px}.alcohol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.alcohol-label{display:flex;align-items:center;background:white;padding:10px;border-radius:12px;border:1px solid #ddd;cursor:pointer;font-size:14px;transition:0.2s}.alcohol-label:hover{border-color:var(--cabernet);background:#fff5f0}.alcohol-wrapper-content{max-height:0;overflow:hidden;transition:max-height 0.5s ease-out,opacity 0.5s;opacity:0}.alcohol-wrapper-content.show{max-height:500px;opacity:1}.alcohol-prompt{margin:0 0 10px;font-size:14px;color:#666}.alcohol-label input{width:auto;margin:0 10px 0 0;height:auto;padding:0}button{padding:15px 40px;border:none;border-radius:40px;background:var(--cabernet);color:white;cursor:pointer;transition:0.3s}button:hover{background:var(--deep);transform:translateY(-3px)}footer div{text-align:center;margin-bottom:20px}.footer-link,.footer-text{margin:0 10px;color:white;text-decoration:none}.music-btn{position:fixed;top:20px;right:20px;background:white;border:1px solid #ddd;padding:10px 16px;border-radius:50%;cursor:pointer;color:var(--deep);font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000}.music-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.intro-audio-hint{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);padding:14px 20px;border-radius:999px;background:rgba(0,0,0,0.2);color:#fff;font-size:18px;text-align:center;z-index:1001;max-width:85%;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.intro-audio-hint::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent rgba(0,0,0,0.2) transparent}.lightbox{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}.lightbox.show{opacity:1}.lightbox img{max-width:90%;max-height:90%;object-fit:contain}.close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:30px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;z-index:10001;text-decoration:none}.next{right:0;border-radius:3px 0 0 3px}.prev{left:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}@media (max-width:768px){.envelope-box{width:280px;height:180px}.hero{padding:120px 20px}h1{font-size:40px}.script{font-size:32px}.hero p{font-size:20px}section{padding:80px 20px}#countdown{gap:15px;font-size:18px}#countdown div{padding:15px 20px;min-width:70px}#countdown span{font-size:24px}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.palette{gap:15px}.color-box{width:80px;height:80px}.color-name{font-size:12px}footer{padding:40px 20px}.music-btn{top:10px;right:10px;padding:8px 12px;font-size:16px}.intro-audio-hint{font-size:14px;padding:10px 16px;bottom:30px}}@media (max-width:480px){.envelope-box{width:250px;height:160px}h1{font-size:32px}.script{font-size:28px}.hero p{font-size:18px}section{padding:60px 15px}#countdown{flex-direction:column;gap:10px}#countdown div{padding:10px 15px;min-width:60px}#countdown span{font-size:20px}.gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.palette{gap:10px}.color-box{width:60px;height:60px}.color-name{font-size:10px}button{padding:12px 30px}footer{padding:30px 15px;font-size:14px}.location-grid{grid-template-columns:1fr !important}.music-btn{padding:12px 16px;font-size:18px}.close{right:35px;font-size:80px}.intro-audio-hint{font-size:11px;padding:8px 10px;bottom:20px;max-width:70%;left:50%;transform:translateX(-50%);width:auto}.intro-audio-hint::before{border-width:0 6px 6px 6px;display:none}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.hero h1,.hero p,.hero .script{animation:slideUp 1s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.countdown-item{animation:bounceIn 4s ease-out;animation-delay:calc(var(--i) * 0.5s);animation-fill-mode:both}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.stagger-item{opacity:0;transform:translateX(-20px);transition:all 0.5s ease-out}.visible .stagger-item{opacity:1;transform:translateX(0)}.stagger-item:nth-child(1){transition-delay:0.1s}.stagger-item:nth-child(2){transition-delay:0.2s}.stagger-item:nth-child(3){transition-delay:0.3s}.stagger-item:nth-child(4){transition-delay:0.4s}.stagger-item:nth-child(5){transition-delay:0.5s}.stagger-item:nth-child(6){transition-delay:0.6s}img{height:auto}.manual-memories-btn{position:fixed;bottom:90px;right:20px;z-index:1001;padding:10px 18px;background-color:#724032;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.3);font-family:inherit;font-size:14px;transition:transform 0.2s ease}