*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Lora",Georgia,serif;font-size:18px;line-height:1.8;color:#4A4A4A;background:#FDF8F5;overflow-x:hidden;min-height:100vh}#petals-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.vows-login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #E8B4B8 0%, #D4C4E8 100%);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:1;transition:opacity 0.8s ease-out, visibility 0.8s ease-out}.vows-login-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.vows-login-box{background:white;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.15);text-align:center;max-width:400px;width:90%;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.vows-login-icon{color:#E8B4B8;margin-bottom:1.5rem}.vows-login-icon svg{filter:drop-shadow(0 4px 8px rgba(232,180,184,0.4))}.vows-login-box h2{font-family:"Great Vibes",cursive;font-size:2.5rem;font-weight:400;color:#4A4A4A;margin-bottom:1.5rem}#vows-login-form{display:flex;flex-direction:column;gap:1rem}#vows-passphrase{width:100%;padding:1rem 1.25rem;font-family:"Lora",Georgia,serif;font-size:1rem;border:2px solid #eee;border-radius:12px;outline:none;resize:none;line-height:1.5;transition:border-color 0.3s ease, box-shadow 0.3s ease}#vows-passphrase:focus{border-color:#E8B4B8;box-shadow:0 0 0 4px rgba(232,180,184,0.2)}#vows-passphrase::placeholder{color:#aaa}#vows-unlock-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg, #E8B4B8 0%, #D4C4E8 100%);color:white;font-family:"Lora",Georgia,serif;font-size:1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease}#vows-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,180,184,0.4)}#vows-unlock-btn:active{transform:translateY(0)}#vows-unlock-btn:disabled{cursor:not-allowed;opacity:0.8;transform:none}#vows-unlock-btn.loading span{display:none}#vows-unlock-btn.loading svg{display:none}#vows-unlock-btn.loading::after{content:'';width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vows-login-error{color:#e74c3c;font-size:0.9rem;margin-top:1rem;opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease, transform 0.3s ease}.vows-login-error.visible{opacity:1;transform:translateY(0)}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake 0.5s ease-in-out}.vows-content{display:none;opacity:0;transition:opacity 1s ease-out}.vows-content.visible{display:block;opacity:1}.vows-hero{position:relative;height:100vh;min-height:600px;background-size:cover;background-position:center;background-attachment:fixed}@media (max-width: 768px){.vows-hero{background-image:var(--hero2-normal) !important;background-attachment:scroll;background-size:100% auto;background-position:top center;background-repeat:no-repeat;background-color:#FDF8F5;min-height:500px}.bird-mode .vows-hero{background-image:var(--hero2-bird) !important}}.vows-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.vows-title{font-family:"Great Vibes",cursive;font-size:5rem;font-weight:400;text-shadow:0 4px 20px rgba(0,0,0,0.3);margin-bottom:2rem}@media (max-width: 600px){.vows-title{font-size:3.5rem}}.vows-scroll-hint{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;opacity:0.9;animation:bounce 2s infinite}.vows-scroll-hint span{font-size:0.9rem;letter-spacing:2px;text-transform:uppercase}.vows-scroll-hint svg{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.vow-section{opacity:0;transform:translateY(40px);transition:opacity 0.8s ease-out, transform 0.8s ease-out}.vow-section.visible{opacity:1;transform:translateY(0)}.vows-text-section{max-width:700px;margin:6rem auto;padding:0 2rem;text-align:center}.vows-text-section h2{font-family:"Great Vibes",cursive;font-size:3rem;font-weight:400;color:#E8B4B8;margin-bottom:2rem}@media (max-width: 600px){.vows-text-section h2{font-size:2.5rem}}.vows-flourish{font-size:2rem;color:#D4C4E8;margin-bottom:1rem}.vows-text p{margin-bottom:1.5rem;font-size:1.1rem}.vows-text p:last-child{margin-bottom:0}.vow-paragraph{transition:opacity 0.6s ease, filter 0.6s ease;margin-bottom:2rem}.vow-paragraph.dimmed{opacity:0.35;filter:blur(0.5px)}.vow-paragraph.revealing,.vow-paragraph.revealed{opacity:1;filter:none}.vow-paragraph.vow-paragraph-final{font-style:italic;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,196,232,0.3)}.vow-word{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity 0.35s ease-out, transform 0.35s ease-out;margin-right:0.25em}.vow-word.visible{opacity:1;transform:translateY(0)}.vow-paragraph br+.vow-word{display:block;margin-top:0.5em}.vows-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1000px;margin:4rem auto;padding:0 2rem}@media (max-width: 700px){.vows-photo-pair{grid-template-columns:1fr;gap:1rem}}.vows-photo{overflow:hidden;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.vows-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.vows-photo img:hover{transform:scale(1.03)}.vows-photo-full{max-width:900px;margin:4rem auto;padding:0 2rem}.vows-photo-full img{width:100%;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,0.12);display:block}.vows-parallax{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:center;background-attachment:fixed;margin:6rem 0}@media (max-width: 768px){.vows-parallax{background-attachment:scroll;height:50vh;min-height:300px}}.vows-parallax-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;padding:2rem}.vows-quote{font-family:"Great Vibes",cursive;font-size:2.5rem;color:white;text-align:center;max-width:600px;text-shadow:0 4px 15px rgba(0,0,0,0.3)}@media (max-width: 600px){.vows-quote{font-size:1.8rem}}.vows-closing{text-align:center;padding:6rem 2rem;background:linear-gradient(180deg, #FDF8F5 0%, #FFF8F0 100%)}.vows-closing-photo{max-width:500px;margin:0 auto 3rem}.vows-closing-photo img{width:100%;border-radius:50%;aspect-ratio:1;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,0.15);border:8px solid white}.vows-closing-text .vows-signature{font-family:"Great Vibes",cursive;font-size:3.5rem;color:#E8B4B8;margin-bottom:1.5rem}@media (max-width: 600px){.vows-closing-text .vows-signature{font-size:2.5rem}}.vows-hearts{color:#E8B4B8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.vows-easter-egg-toggles{display:none;justify-content:center;gap:0.75rem;padding:0.75rem 1rem;flex-wrap:wrap;position:sticky;top:0;z-index:1100;background:linear-gradient(135deg, rgba(232,180,184,0.95) 0%, rgba(212,196,232,0.95) 100%);backdrop-filter:blur(10px)}.vows-easter-egg-toggles.visible{display:flex}.vows-egg-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.5);border-radius:50px;color:white;font-family:"Lora",Georgia,serif;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.vows-egg-btn:hover{background:rgba(255,255,255,0.45);transform:translateY(-1px)}.vows-egg-btn.active{background:white;color:#4A4A4A;border-color:transparent;text-shadow:none;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.vows-egg-btn.active .egg-icon{animation:wiggle 0.5s ease-in-out}.vows-egg-btn .egg-icon{font-size:1.1rem}@keyframes wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.vows-easter-egg-prompt{display:none;justify-content:center;padding:2rem;background:#FFF8F0}.vows-easter-egg-prompt.visible{display:flex}.vows-easter-egg-enable-btn{padding:0.75rem 1.5rem;background:transparent;border:1px dashed rgba(212,196,232,0.5);border-radius:50px;color:rgba(74,74,74,0.4);font-family:"Lora",Georgia,serif;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease}.vows-easter-egg-enable-btn:hover{border-color:#D4C4E8;color:rgba(74,74,74,0.7);background:rgba(212,196,232,0.1)}.vows-easter-egg-enable-btn.enabled{border-style:solid;border-color:#D4C4E8;color:#D4C4E8;background:rgba(212,196,232,0.1)}.vintage-mode img,.vintage-mode .vows-hero,.vintage-mode .vows-parallax{filter:sepia(0.75) contrast(0.9) brightness(1.1) saturate(0.8)}.vintage-mode .vows-content{background:#EDE4D3}.vintage-mode .vows-text-section{color:#5C4A3D}.vintage-mode .vows-photo,.vintage-mode .vows-photo-full,.vintage-mode .vows-closing-photo{position:relative}.vintage-mode .vows-photo::after,.vintage-mode .vows-photo-full::after,.vintage-mode .vows-closing-photo::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 60px rgba(0,0,0,0.4);pointer-events:none;border-radius:inherit}.disco-mode .vows-hero,.disco-mode .vows-parallax{animation:disco-bg 3s linear infinite}.disco-mode img{animation:disco-img 4s linear infinite}.disco-mode .vows-text-section{animation:disco-pulse 2s ease-in-out infinite}.disco-mode .vows-easter-egg-toggles{animation:disco-header 2s linear infinite}@keyframes disco-bg{0%{filter:hue-rotate(0deg) saturate(1.2)}100%{filter:hue-rotate(360deg) saturate(1.2)}}@keyframes disco-img{0%{filter:hue-rotate(0deg) saturate(1.3) brightness(1.1)}100%{filter:hue-rotate(360deg) saturate(1.3) brightness(1.1)}}@keyframes disco-pulse{0%,100%{opacity:1}50%{opacity:0.85}}@keyframes disco-header{0%{background:linear-gradient(135deg, #FF6B6B 0%, #FFE66D 100%)}25%{background:linear-gradient(135deg, #4ECDC4 0%, #44CF6C 100%)}50%{background:linear-gradient(135deg, #A66CFF 0%, #9C27B0 100%)}75%{background:linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%)}100%{background:linear-gradient(135deg, #FF6B6B 0%, #FFE66D 100%)}}