@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.footer-signature{z-index:10;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:40px 20px;display:flex;position:relative}.footer-content{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead673;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 10px #0000004d;align-items:center;gap:8px;font-size:1.05rem;transition:color .4s,transform .4s;display:inline-flex}.footer-signature:hover .footer-content{color:#f5ead6d9}.heart-icon{color:#ff2d78;transform-origin:50%;animation:1.8s ease-in-out infinite heartPulse;display:inline-block}.name-gradient{font-family:var(--font-display,"Playfair Display", serif);letter-spacing:.05em;color:#fff;text-shadow:0 0 10px #c4a35a33;font-weight:600;transition:text-shadow .4s,color .4s}.footer-signature:hover .name-gradient{color:#c4a35a;text-shadow:0 0 15px #c4a35a80}@keyframes heartPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (width<=600px){.footer-content{letter-spacing:.08em;font-size:.9rem}}.memories-container{background-color:#0a0508;width:100%;position:relative}.hearts-particle-layer{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.floating-heart{will-change:transform, opacity;filter:blur(.5px);-webkit-user-select:none;user-select:none;animation:floatUp var(--dur,12s) var(--delay,0s) linear infinite;opacity:0;font-size:var(--size,1rem);bottom:-40px;left:var(--x,50%);position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)scale(.6)}8%{opacity:var(--peak-opacity,.35)}50%{transform:translateY(-50vh) translateX(var(--drift,30px)) rotate(180deg) scale(1);opacity:var(--peak-opacity,.35)}90%{opacity:.1}to{transform:translateY(-110vh) translateX(var(--drift-end,-20px)) rotate(360deg) scale(.5);opacity:0}}.timeline-progress{z-index:90;background:#c4a35a14;width:4px;height:100vh;position:fixed;top:0;left:0}.timeline-progress-fill{background:linear-gradient(to bottom, var(--rose-blush,#e8b4bb), var(--gold,#c4a35a), var(--crimson,#a03050));border-radius:0 0 4px 4px;width:100%;height:0%;transition:height .3s ease-out;box-shadow:0 0 12px #c4a35a80}.memory-counter{z-index:90;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:30px;left:20px}.memory-counter-current{font-family:var(--font-display,"Playfair Display", serif);color:var(--gold,#c4a35a);text-shadow:0 0 20px #c4a35a66;font-size:2rem;font-weight:300;line-height:1}.memory-counter-divider{background:#c4a35a4d;width:1px;height:16px}.memory-counter-total{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35a80;letter-spacing:.05em;font-size:.85rem}@media (width<=768px){.memory-counter{bottom:20px;left:12px}.memory-counter-current{font-size:1.5rem}}.memory-panel{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.memory-bg-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.memory-bg{will-change:transform;background-position:50%;background-size:cover;width:110%;height:140%;position:absolute;top:-20%;left:-5%}.memory-bg.blurred{filter:blur(30px)brightness(.4)saturate(1.4);transform:scale(1.15)}.memory-overlay{z-index:1;position:absolute;inset:0}.memory-overlay.dark{background:radial-gradient(#0000 30%,#050204b3 100%),linear-gradient(#6b203926 0%,#0502044d 50%,#c4a35a14 100%)}.reel-container{z-index:2;flex-direction:column;justify-content:flex-end;width:100%;max-width:440px;height:100vh;display:flex;position:relative;overflow:hidden}@media (width>=768px){.reel-container{border:1px solid #c4a35a14;border-radius:28px;max-width:420px;height:88vh;box-shadow:0 30px 80px #0009,0 0 0 1px #c4a35a1f,inset 0 1px #ffffff0d}}.reel-image{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.reel-bottom-shadow{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#08030626 25%,#08030680 50%,#080306d9 75%,#080306f7 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.reel-caption{z-index:2;width:100%;padding:0 28px 36px;position:relative}.memory-number{width:36px;height:36px;font-family:var(--font-display,"Playfair Display", serif);color:var(--gold,#c4a35a);-webkit-backdrop-filter:blur(8px);background:#c4a35a14;border:1.5px solid #c4a35a66;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:.85rem;font-weight:400;display:inline-flex}.reel-header{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.reel-date{font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold,#c4a35a);opacity:.85;order:-1;font-size:.8rem}.reel-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;text-shadow:0 2px 20px #0009;letter-spacing:-.01em;margin:0;font-size:2.4rem;font-weight:400;line-height:1.15}.reel-desc{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6d9;text-shadow:0 1px 8px #000000b3;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:1.08rem;line-height:1.7;display:-webkit-box;overflow:hidden}.reel-caption:before{content:"\"";font-family:var(--font-display,"Playfair Display", serif);color:#c4a35a1f;pointer-events:none;font-size:6rem;line-height:1;position:absolute;top:-50px;left:24px}.reel-scroll-indicator{z-index:3;opacity:.7;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:100px;right:20px}.scroll-heart{filter:drop-shadow(0 0 6px #a0305080);font-size:1.2rem;animation:1.5s ease-in-out infinite heartPulse}.scroll-line{background:linear-gradient(to bottom, var(--gold,#c4a35a), transparent);width:1.5px;height:50px;animation:2s ease-in-out infinite scrollDrip}@keyframes scrollDrip{0%{transform-origin:top;opacity:1;transform:scaleY(0)}50%{transform-origin:top;opacity:.8;transform:scaleY(1)}50.1%{transform-origin:bottom;opacity:.8;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.scroll-text{font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.15em;text-transform:uppercase;color:#c4a35a99;writing-mode:vertical-rl;text-orientation:mixed;font-size:.65rem}.memories-intro{z-index:2;background:radial-gradient(at 50% 40%,#6b203933 0%,#0000 60%),radial-gradient(at 20% 80%,#c4a35a14 0%,#0000 40%),linear-gradient(175deg,#0a0508 0%,#150a10 50%,#0a0508 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.memories-intro:before{content:"";background:radial-gradient(circle,#a0305026 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite alternate introGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes introGlow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.intro-emoji{z-index:1;margin-bottom:24px;font-size:3rem;animation:1.5s ease-in-out infinite heartPulse;position:relative}.intro-title{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 40px #a0305066;z-index:1;margin-bottom:12px;font-size:4rem;position:relative}.intro-subtitle{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35ab3;letter-spacing:.2em;text-transform:uppercase;z-index:1;font-size:1.15rem;position:relative}.intro-scroll-hint{flex-direction:column;align-items:center;gap:10px;animation:2.5s ease-in-out infinite gentleBounce;display:flex;position:absolute;bottom:40px}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.intro-scroll-hint span{font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.15em;text-transform:uppercase;color:#f5ead666;font-size:.8rem}.intro-scroll-hint .arrow-down{background:linear-gradient(#c4a35a80,#0000);width:1.5px;height:30px}.reel-end{z-index:2;flex-direction:column;align-items:center;gap:16px;padding-bottom:40px;display:flex;position:relative}.end-message{font-family:var(--font-script,"Great Vibes", cursive);color:var(--gold,#c4a35a);text-shadow:0 0 20px #c4a35a4d;opacity:.8;font-size:1.6rem}.btn-return{color:var(--gold,#c4a35a);font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#c4a35a14;border:1px solid #c4a35a4d;border-radius:50px;padding:14px 40px;font-size:.95rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-return:before{content:"";opacity:0;background:linear-gradient(135deg,#c4a35a33,#0000);border-radius:50px;transition:opacity .4s;position:absolute;inset:0}.btn-return:hover{border-color:var(--gold,#c4a35a);transform:translateY(-3px);box-shadow:0 8px 30px #c4a35a33,0 0 40px #c4a35a1a}.btn-return:hover:before{opacity:1}.memory-like-btn{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.like-heart{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0000004d;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .3s;display:flex}.like-heart:hover{border-color:#a0305080;transform:scale(1.15);box-shadow:0 0 20px #a030504d}.like-heart.liked{background:#a030504d;border-color:#ff2d7899;animation:.4s cubic-bezier(.175,.885,.32,1.275) likedPop}@keyframes likedPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.reel-top-gradient{z-index:1;pointer-events:none;background:linear-gradient(#08030699 0%,#0000 100%);width:100%;height:15%;position:absolute;top:0;left:0}@media (width<=768px){.reel-container{max-width:100%}.reel-title{font-size:1.9rem}.reel-desc{-webkit-line-clamp:4;font-size:.98rem}.reel-caption{padding:0 20px 28px}.memory-number{width:30px;height:30px;font-size:.75rem}.reel-caption:before{font-size:4rem;top:-36px;left:16px}.intro-title{font-size:2.8rem}.intro-subtitle{font-size:.9rem}.memory-like-btn{right:12px}.like-heart{width:38px;height:38px;font-size:1.1rem}.timeline-progress{width:3px}}.double-tap-heart{z-index:20;pointer-events:none;filter:drop-shadow(0 0 20px #ff2d7899);font-size:6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.double-tap-heart.animating{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards doubleTapHeart}@keyframes doubleTapHeart{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.hub-page{z-index:1;background:radial-gradient(at 30% 20%,#6b203926 0%,#0000 50%),radial-gradient(at 70% 80%,#c4a35a14 0%,#0000 40%),linear-gradient(175deg,#0c0609 0%,#150a10 40%,#0c0609 100%);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px 100px;display:flex;position:relative;overflow:hidden}.hub-page:before,.hub-page:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:fixed}.hub-page:before{background:radial-gradient(circle,#a030501a 0%,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite alternate orb1;top:-100px;right:-100px}.hub-page:after{background:radial-gradient(circle,#c4a35a14 0%,#0000 70%);width:350px;height:350px;animation:10s ease-in-out infinite alternate orb2;bottom:-50px;left:-80px}@keyframes orb1{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,60px)scale(1.3)}}@keyframes orb2{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-40px)scale(1.2)}}.hub-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.hub-emoji{margin-bottom:16px;font-size:3rem;display:block}.hub-title{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 40px #a030504d;margin-bottom:12px;font-size:3.2rem}.hub-subtitle{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35ab3;letter-spacing:.15em;text-transform:uppercase;font-size:1.1rem}.hub-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:700px;display:grid;position:relative}.hub-card{text-align:center;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#140a1099;border:1px solid #c4a35a1f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px 28px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";opacity:0;background:linear-gradient(135deg,#c4a35a0f 0%,#0000 60%);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.hub-card:hover{border-color:#c4a35a59;transform:translateY(-6px);box-shadow:0 20px 60px #0006,0 0 40px #c4a35a14}.hub-card:hover:before{opacity:1}.hub-card-icon{filter:drop-shadow(0 4px 12px #0000004d);z-index:1;margin-bottom:16px;font-size:3rem;transition:transform .4s;position:relative}.hub-card:hover .hub-card-icon{transform:scale(1.15)translateY(-4px)}.hub-card-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;z-index:1;margin-bottom:8px;font-size:1.3rem;font-weight:600;position:relative}.hub-card-desc{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead68c;z-index:1;font-size:.95rem;font-style:italic;line-height:1.5;position:relative}.hub-card.full-width{grid-column:1/-1}@media (width<=600px){.hub-grid{grid-template-columns:1fr;gap:16px}.hub-title{font-size:2.4rem}.hub-card{padding:32px 24px}.hub-card-icon{font-size:2.4rem}.hub-card-title{font-size:1.15rem}.hub-header{margin-bottom:36px}}.wants-page{background:radial-gradient(at 40% 10%,#6b20391f 0%,#0000 50%),radial-gradient(at 80% 90%,#c4a35a0f 0%,#0000 40%),linear-gradient(175deg,#0c0609 0%,#120810 40%,#0a0508 100%);min-height:100vh;padding:60px 20px 100px;position:relative;overflow:hidden}.wants-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.wants-particle{width:var(--p-size,3px);height:var(--p-size,3px);background:var(--p-color,#c4a35a4d);top:var(--p-top,50%);left:var(--p-left,50%);animation:particleFloat var(--p-dur,6s) ease-in-out infinite alternate;opacity:.5;border-radius:50%;position:absolute}@keyframes particleFloat{0%{opacity:.3;transform:translateY(0)translate(0)}to{transform:translateY(var(--p-dy,-30px)) translateX(var(--p-dx,20px));opacity:.7}}.wants-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.wants-header-emoji{margin-bottom:20px;font-size:3.5rem;animation:2s ease-in-out infinite alternate wantsEmojiBreathe;display:block}@keyframes wantsEmojiBreathe{0%{transform:scale(1)}to{transform:scale(1.08)}}.wants-title{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 40px #a0305066;margin-bottom:12px;font-size:3.4rem;line-height:1.2}.wants-subtitle{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35ab3;max-width:500px;margin:0 auto;font-size:1.15rem;font-style:italic;line-height:1.6}.wants-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:18px;max-width:740px;margin:0 auto;display:grid;position:relative}.want-card{-webkit-backdrop-filter:blur(8px);opacity:0;background:#140a1080;border:1px solid #c4a35a14;border-radius:16px;align-items:flex-start;gap:14px;padding:22px 20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;transform:translateY(20px)}.want-card.revealed{opacity:1;transform:translateY(0)}.want-card:hover{border-color:#c4a35a40;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.want-number{min-width:32px;height:32px;font-family:var(--font-display,"Playfair Display", serif);color:var(--rose-soft,#d4949e);background:#a0305026;border:1px solid #a0305040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;display:flex}.want-text{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6cc;font-size:1.05rem;line-height:1.55}.want-card:nth-child(4n+1){border-left:2px solid #a0305033}.want-card:nth-child(4n+2){border-left:2px solid #c4a35a33}.want-card:nth-child(4n+3){border-left:2px solid #c2727e33}.want-card:nth-child(4n+4){border-left:2px solid #e8b4bb33}.want-card.final-card{text-align:center;background:radial-gradient(#a030501f 0%,#140a1099 100%);border:1px solid #c4a35a40;border-left:2px solid #c4a35a66;flex-direction:column;grid-column:1/-1;align-items:center;padding:48px 36px;position:relative;overflow:hidden}.want-card.final-card:before{content:"";z-index:-1;filter:blur(4px);background:conic-gradient(#c4a35a33,#a0305033,#c4a35a33,#a0305033,#c4a35a33);border-radius:16px;animation:4s linear infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.want-card.final-card .want-number{width:56px;min-width:56px;height:56px;color:var(--gold,#c4a35a);background:#a0305040;border-color:#c4a35a66;margin-bottom:12px;font-size:1.2rem}.want-card.final-card .want-text{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 30px #a0305066;font-size:2.2rem;line-height:1.4}.wants-back{text-align:center;z-index:1;margin-top:56px;position:relative}.wants-back-btn{color:var(--gold,#c4a35a);font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#c4a35a14;border:1px solid #c4a35a40;border-radius:50px;padding:14px 40px;font-size:.95rem;transition:all .3s}.wants-back-btn:hover{background:var(--gold,#c4a35a);color:var(--ink,#3a2a1a);transform:translateY(-2px);box-shadow:0 8px 30px #c4a35a4d}@media (width<=600px){.wants-grid{grid-template-columns:1fr;gap:12px}.wants-title{font-size:2.4rem}.want-card{padding:18px 16px}.want-card.final-card{padding:36px 24px}.want-card.final-card .want-text{font-size:1.7rem}.wants-header{margin-bottom:36px}}.dreams-page{background:radial-gradient(at 50% 10%,#6b20391a 0%,#0000 50%),linear-gradient(175deg,#0c0609 0%,#100810 40%,#0a0508 100%);min-height:100vh;padding:60px 20px 100px;position:relative;overflow:hidden}.dreams-header{text-align:center;z-index:1;margin-bottom:56px;position:relative}.dreams-header-emoji{margin-bottom:20px;font-size:3.5rem;display:block}.dreams-title{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 40px #a030504d;margin-bottom:12px;font-size:3.4rem}.dreams-subtitle{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35ab3;max-width:500px;margin:0 auto;font-size:1.15rem;font-style:italic;line-height:1.6}.dream-featured{z-index:1;flex-direction:column;gap:32px;max-width:800px;margin:0 auto 56px;display:flex;position:relative}.dream-hero-card{cursor:default;border-radius:24px;width:100%;height:420px;transition:transform .5s;position:relative;overflow:hidden}.dream-hero-card:hover{transform:scale(1.01)}.dream-hero-image{object-fit:cover;width:100%;height:100%;transition:transform 8s;position:absolute;inset:0}.dream-hero-card:hover .dream-hero-image{transform:scale(1.08)}.dream-hero-overlay{z-index:1;background:linear-gradient(#0000 0%,#0502041a 30%,#05020466 60%,#050204f2 100%);position:absolute;inset:0}.dream-hero-content{z-index:2;padding:40px 36px;position:absolute;bottom:0;left:0;right:0}.dream-hero-badge{font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.15em;text-transform:uppercase;color:var(--gold,#c4a35a);-webkit-backdrop-filter:blur(8px);background:#c4a35a26;border:1px solid #c4a35a4d;border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.75rem;display:inline-flex}.dream-hero-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;text-shadow:0 2px 20px #00000080;margin-bottom:8px;font-size:2.6rem;font-weight:600}.dream-hero-location{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35acc;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:1rem}.dream-hero-desc{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6cc;max-width:520px;font-size:1.1rem;font-style:italic;line-height:1.7}.dreams-section-title{font-family:var(--font-display,"Playfair Display", serif);color:#f5ead6e6;text-align:center;z-index:1;margin-bottom:32px;font-size:1.6rem;font-weight:400;position:relative}.dreams-section-title span{color:var(--gold,#c4a35a)}.dreams-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:20px;max-width:800px;margin:0 auto;display:grid;position:relative}.dream-card{cursor:default;border-radius:20px;height:280px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.dream-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}.dream-card-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 6s;position:absolute;inset:0}.dream-card:hover .dream-card-image{transform:scale(1.1)}.dream-card-overlay{z-index:1;background:linear-gradient(#0000 0%,#05020433 40%,#050204e6 100%);position:absolute;inset:0}.dream-card-content{z-index:2;padding:24px;position:absolute;bottom:0;left:0;right:0}.dream-card-emoji{margin-bottom:8px;font-size:2rem;display:block}.dream-card-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin-bottom:6px;font-size:1.4rem;font-weight:600}.dream-card-desc{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6a6;font-size:.95rem;font-style:italic;line-height:1.5}.dreams-back{text-align:center;z-index:1;margin-top:56px;position:relative}.dreams-back-btn{color:var(--gold,#c4a35a);font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#c4a35a14;border:1px solid #c4a35a40;border-radius:50px;padding:14px 40px;font-size:.95rem;transition:all .3s}.dreams-back-btn:hover{background:var(--gold,#c4a35a);color:var(--ink,#3a2a1a);transform:translateY(-2px);box-shadow:0 8px 30px #c4a35a4d}@media (width<=600px){.dreams-grid{grid-template-columns:1fr}.dreams-title{font-size:2.4rem}.dream-hero-card{height:340px}.dream-hero-title{font-size:1.9rem}.dream-hero-content{padding:28px 24px}.dream-card{height:240px}}:root{--pid-bg:#07090d;--pid-bg-secondary:#0d1117;--pid-card-bg:#10141eb3;--pid-card-bg-hover:#161c28cc;--pid-card-border:#ffffff0f;--pid-card-border-hover:#ffffff1f;--pid-text-main:#e6edf3;--pid-text-muted:#7d8590;--pid-text-dim:#484f58;--phase-menstrual:#ff453a;--phase-follicular:#30d158;--phase-ovulation:#0a84ff;--phase-luteal:#bf5af2;--phase-pms:#ff9f0a;--gradient-menstrual:linear-gradient(135deg, #ff453a, #ff6b6b);--gradient-follicular:linear-gradient(135deg, #30d158, #5eff8a);--gradient-ovulation:linear-gradient(135deg, #0a84ff, #4da6ff);--gradient-luteal:linear-gradient(135deg, #bf5af2, #d88bff);--gradient-pms:linear-gradient(135deg, #ff9f0a, #ffc04d);--gradient-premium:linear-gradient(135deg, #667eea, #764ba2);--pid-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pid-radius:20px;--pid-radius-sm:12px;--pid-radius-xs:8px}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px var(--glow-color,#0a84ff66))}50%{filter:drop-shadow(0 0 20px var(--glow-color,#0a84ff99))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countdownPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotateRing{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pid-container{background:var(--pid-bg);min-height:100vh;color:var(--pid-text-main);font-family:var(--pid-font-sans);box-sizing:border-box;background-image:radial-gradient(at 10% 10%,#0a84ff0a 0%,#0000 50%),radial-gradient(at 90% 20%,#bf5af208 0%,#0000 50%),radial-gradient(at 50% 80%,#30d15805 0%,#0000 50%);padding:clamp(20px,4vw,48px) clamp(12px,3vw,24px)}.pid-header{text-align:center;max-width:1280px;margin:0 auto 48px}.pid-header h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 50%,#bf5af2 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;animation:6s infinite gradientShift}.pid-header p{color:var(--pid-text-muted);margin:0;font-size:clamp(.9rem,2vw,1.15rem);font-weight:400}.pid-header-subtitle{color:var(--pid-text-dim);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:.85rem;display:flex}.pid-header-subtitle .pid-live-dot{background:var(--phase-follicular);border-radius:50%;width:6px;height:6px;animation:2s infinite countdownPulse}.pid-grid{grid-template-columns:repeat(12,1fr);gap:20px;max-width:1280px;margin:0 auto;display:grid}.pid-card{background:var(--pid-card-bg);border:1px solid var(--pid-card-border);border-radius:var(--pid-radius);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:clamp(16px,2.5vw,28px);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0a}.pid-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.pid-card:hover{border-color:var(--pid-card-border-hover);transform:translateY(-3px);box-shadow:0 8px 40px #0000004d}.pid-card-header{color:var(--pid-text-main);letter-spacing:-.2px;align-items:center;gap:10px;margin-bottom:20px;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;display:flex}.pid-card-header svg{opacity:.7}.pid-col-span-12{grid-column:span 12}.pid-col-span-8{grid-column:span 8}.pid-col-span-6{grid-column:span 6}.pid-col-span-4{grid-column:span 4}.pid-col-span-3{grid-column:span 3}.pid-hero-card{background:linear-gradient(135deg, #0a84ff0d 0%, var(--pid-card-bg) 40%, #bf5af20d 100%);padding:clamp(20px,3vw,36px)}.pid-hero-grid{align-items:center;gap:clamp(24px,4vw,48px);display:flex}.pid-hero-countdown{flex-shrink:0;width:clamp(140px,18vw,200px);height:clamp(140px,18vw,200px);position:relative}.pid-countdown-ring{width:100%;height:100%;transform:rotate(-90deg)}.pid-countdown-bg{fill:none;stroke:#ffffff0f;stroke-width:6px}.pid-countdown-progress{fill:none;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px);transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.pid-countdown-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pid-countdown-number{letter-spacing:-2px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1}.pid-countdown-label{color:var(--pid-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:clamp(.65rem,1.2vw,.8rem)}.pid-countdown-sublabel{color:var(--pid-text-dim);margin-top:2px;font-size:.7rem}.pid-hero-info{flex:1;min-width:0}.pid-hero-phase-badge{border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.pid-hero-phase-badge svg{width:14px;height:14px}.pid-hero-phase-badge .badge-day{opacity:.7;margin-left:4px;font-size:.8rem;font-weight:400}.pid-hero-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pid-hero-stat{border-radius:var(--pid-radius-sm);background:#ffffff08;border:1px solid #ffffff0a;flex-direction:column;padding:clamp(10px,1.5vw,16px);transition:background .3s;display:flex}.pid-hero-stat:hover{background:#ffffff0f}.pid-hero-stat-label{color:var(--pid-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:clamp(.65rem,1vw,.78rem)}.pid-hero-stat-value{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;line-height:1.1}.pid-hero-stat-sub{color:var(--pid-text-dim);margin-top:4px;font-size:clamp(.65rem,1vw,.8rem)}.pid-phase-panel{text-align:center;position:relative}.pid-phase-ring-container{width:clamp(140px,16vw,180px);height:clamp(140px,16vw,180px);margin:0 auto 24px;position:relative}.pid-phase-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.pid-phase-ring-bg{fill:none;stroke:#ffffff14;stroke-width:7px}.pid-phase-ring-progress{fill:none;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 6px);transition:stroke-dashoffset 1s ease-in-out}.pid-phase-ring-content{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pid-phase-ring-day{font-size:clamp(2rem,3vw,2.5rem);font-weight:800;line-height:1}.pid-phase-ring-label{color:var(--pid-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:.78rem}.pid-phase-desc{color:var(--pid-text-muted);margin-bottom:16px;font-size:.92rem;line-height:1.6}.pid-phase-tags{flex-direction:column;gap:8px;display:flex}.pid-tag{border-radius:var(--pid-radius-xs);color:var(--pid-text-main);text-align:left;background:#ffffff0d;padding:10px 14px;font-size:.82rem;line-height:1.5}.pid-timeline-container{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;width:100%;padding-bottom:12px;overflow-x:auto}.pid-timeline-track{background:#ffffff0a;border-radius:22px;align-items:center;min-width:500px;height:44px;display:flex;position:relative;overflow:hidden}.pid-timeline-segment{cursor:pointer;height:100%;transition:opacity .3s,filter .3s;position:relative}.pid-timeline-segment:hover{opacity:.85;filter:brightness(1.2)}.pid-timeline-tooltip{color:#fff;border-radius:var(--pid-radius-xs);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border:1px solid #ffffff1a;padding:8px 12px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.pid-timeline-segment:hover .pid-timeline-tooltip{opacity:1}.pid-timeline-day-marker{z-index:5;background:#fff;border-radius:2px;width:3px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 8px #ffffff80}.pid-timeline-labels{color:var(--pid-text-dim);justify-content:space-between;min-width:500px;margin-top:8px;font-size:.75rem;display:flex}.pid-insights-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pid-insight-item{border-radius:var(--pid-radius-xs);border-left:3px solid var(--phase-ovulation);background:#ffffff05;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .2s;display:flex}.pid-insight-item:hover{background:#ffffff0a}.pid-insight-item.insight-warning{border-left-color:var(--phase-pms)}.pid-insight-item.insight-success{border-left-color:var(--phase-follicular)}.pid-insight-item.insight-info{border-left-color:var(--phase-ovulation)}.pid-insight-icon{opacity:.8;flex-shrink:0;margin-top:2px}.pid-insight-text{color:var(--pid-text-main);font-size:.9rem;line-height:1.55}.pid-trend-badge{border-radius:50px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.pid-trend-badge.trend-stable{color:var(--phase-follicular);background:#30d15826}.pid-trend-badge.trend-up{color:var(--phase-pms);background:#ff9f0a26}.pid-trend-badge.trend-down{color:var(--phase-ovulation);background:#0a84ff26}.pid-scorecard{text-align:center;flex-direction:column;align-items:center;display:flex}.pid-gauge-container{width:clamp(140px,16vw,180px);height:clamp(80px,9vw,100px);margin-bottom:20px;position:relative}.pid-gauge-svg{width:100%;height:100%;overflow:visible}.pid-gauge-bg{fill:none;stroke:#ffffff0f;stroke-width:10px;stroke-linecap:round}.pid-gauge-fill{fill:none;stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 6px);transition:stroke-dasharray 2s cubic-bezier(.4,0,.2,1)}.pid-gauge-score{fill:var(--pid-text-main);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.pid-gauge-label{fill:var(--pid-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.pid-score-breakdown{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.pid-score-item{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.pid-score-item-label{color:var(--pid-text-muted)}.pid-score-item-bar{background:#ffffff14;border-radius:2px;flex-shrink:0;width:60px;height:4px;margin:0 10px;overflow:hidden}.pid-score-item-fill{border-radius:2px;height:100%;transition:width 1.5s}.pid-score-item-value{color:var(--pid-text-main);text-align:right;min-width:36px;font-weight:600}.pid-forecast-strip{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.pid-forecast-card{border-radius:var(--pid-radius-sm);text-align:center;cursor:default;background:#ffffff08;border:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;min-width:120px;padding:14px 12px;transition:background .3s,transform .3s;display:flex}.pid-forecast-card:hover{background:#ffffff0f;transform:translateY(-2px)}.pid-forecast-card.forecast-today{background:#0a84ff14;border-color:#0a84ff4d}.pid-forecast-day{color:var(--pid-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.pid-forecast-date{font-size:1.3rem;font-weight:700;line-height:1}.pid-forecast-phase{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:3px 8px;font-size:.7rem;font-weight:600}.pid-forecast-metrics{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.pid-forecast-metric{color:var(--pid-text-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.pid-forecast-metric-bar{background:#ffffff14;border-radius:2px;width:36px;height:3px;overflow:hidden}.pid-forecast-metric-fill{border-radius:2px;height:100%}.pid-hormone-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.pid-hormone-item{color:var(--pid-text-muted);align-items:center;gap:6px;font-size:.82rem;display:flex}.pid-hormone-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pid-hormone-explanations{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.pid-hormone-explain{border-radius:var(--pid-radius-xs);color:var(--pid-text-muted);background:#ffffff08;border-left:3px solid;padding:12px 14px;font-size:.82rem;line-height:1.5}.pid-hormone-explain strong{color:var(--pid-text-main);margin-bottom:4px;font-weight:600;display:block}.pid-sync-card{background:linear-gradient(135deg, #30d15808 0%, var(--pid-card-bg) 100%)}.pid-sync-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.pid-sync-tabs::-webkit-scrollbar{display:none}.pid-sync-tab{color:var(--pid-text-muted);cursor:pointer;white-space:nowrap;font-size:.85rem;font-weight:500;font-family:var(--pid-font-sans);background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:6px;padding:10px 18px;transition:all .3s;display:flex}.pid-sync-tab:hover{color:var(--pid-text-main);background:#ffffff0f}.pid-sync-tab.active{color:var(--phase-follicular);background:#30d15826;border-color:#30d1584d}.pid-sync-content{animation:.4s fadeIn}.pid-sync-title{color:var(--pid-text-main);margin-bottom:4px;font-size:1.15rem;font-weight:700}.pid-sync-subtitle{color:var(--pid-text-muted);margin-bottom:16px;font-size:.85rem}.pid-sync-items{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pid-sync-item{border-radius:var(--pid-radius-xs);color:var(--pid-text-main);background:#ffffff08;border:1px solid #ffffff08;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;transition:background .2s;display:flex}.pid-sync-item:hover{background:#ffffff0d}.pid-sync-item-icon{flex-shrink:0;font-size:1.2rem}.pid-sync-intensity{align-items:center;gap:12px;margin-top:16px;display:flex}.pid-sync-intensity-label{color:var(--pid-text-muted);white-space:nowrap;font-size:.82rem}.pid-sync-intensity-bar{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.pid-sync-intensity-fill{border-radius:3px;height:100%;transition:width 1s}.pid-calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pid-calendar-title{font-size:1rem;font-weight:600}.pid-calendar-nav{gap:4px;display:flex}.pid-calendar-nav-btn{width:32px;height:32px;color:var(--pid-text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pid-calendar-nav-btn:hover{color:var(--pid-text-main);background:#ffffff14}.pid-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.pid-calendar-weekday{text-align:center;color:var(--pid-text-dim);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;font-size:.7rem;font-weight:500}.pid-calendar-day{aspect-ratio:1;color:var(--pid-text-muted);cursor:default;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:500;transition:all .2s;display:flex;position:relative}.pid-calendar-day.today{color:#fff;border:2px solid #ffffff80;font-weight:700}.pid-calendar-day.phase-menstrual{color:var(--phase-menstrual);background:#ff453a40}.pid-calendar-day.phase-follicular{color:var(--phase-follicular);background:#30d15826}.pid-calendar-day.phase-ovulation{color:var(--phase-ovulation);background:#0a84ff40;box-shadow:0 0 8px #0a84ff4d}.pid-calendar-day.phase-luteal{color:var(--phase-luteal);background:#bf5af226}.pid-calendar-day.phase-pms{color:var(--phase-pms);background:#ff9f0a33}.pid-calendar-day.empty{background:0 0}.pid-calendar-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.pid-calendar-legend-item{color:var(--pid-text-dim);align-items:center;gap:5px;font-size:.7rem;display:flex}.pid-calendar-legend-dot{border-radius:50%;width:6px;height:6px}.pid-edu-card{background:linear-gradient(135deg, #667eea0f 0%, var(--pid-card-bg) 100%)}.pid-edu-content{flex-direction:column;flex:1;display:flex}.pid-edu-category{text-transform:uppercase;letter-spacing:.5px;color:#667eea;background:#667eea26;border-radius:50px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.pid-edu-title{color:var(--pid-text-main);margin-bottom:10px;font-size:1.1rem;font-weight:700}.pid-edu-fact{color:var(--pid-text-muted);flex:1;font-size:.9rem;line-height:1.65}.pid-edu-nav{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;display:flex}.pid-edu-dots{gap:6px;display:flex}.pid-edu-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:all .3s}.pid-edu-dot.active{background:#667eea;border-radius:3px;width:18px}.pid-edu-nav-btns{gap:6px;display:flex}.pid-edu-nav-btn{width:32px;height:32px;color:var(--pid-text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pid-edu-nav-btn:hover{color:var(--pid-text-main);background:#ffffff14}.pid-chart-container{width:100%;height:250px;margin-top:12px}.pid-chart-container-tall{height:280px}.pid-custom-tooltip{border-radius:var(--pid-radius-xs)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0a0e16f2!important;border:1px solid #ffffff1a!important;padding:12px 16px!important;box-shadow:0 8px 24px #0006!important}.pid-tooltip-label{color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:6px;padding-bottom:6px;font-size:.82rem;font-weight:600}.pid-tooltip-item{padding:2px 0;font-size:.8rem}.recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:var(--pid-radius-xs)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#fff!important;background-color:#0a0e16f2!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 24px #0006!important}.pid-chart-legend{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;display:flex}.pid-chart-legend-item{color:var(--pid-text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.pid-chart-legend-line{border-radius:2px;width:16px;height:3px}.pid-table-wrapper{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;overflow-x:auto}.pid-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.pid-table th{text-transform:uppercase;letter-spacing:.8px;color:var(--pid-text-dim);border-bottom:1px solid #ffffff0f;padding:14px 16px;font-size:.78rem;font-weight:600}.pid-table td{color:var(--pid-text-muted);border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.9rem}.pid-table tr{transition:background .2s}.pid-table tbody tr:hover{background:#ffffff05}.pid-table tr:last-child td{border-bottom:none}.pid-table-cycle-badge{border-radius:50px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pid-table-cycle-badge.badge-regular{color:var(--phase-follicular);background:#30d1581f}.pid-table-cycle-badge.badge-short{color:var(--phase-ovulation);background:#0a84ff1f}.pid-table-cycle-badge.badge-long{color:var(--phase-pms);background:#ff9f0a1f}.pid-prediction-list{flex-direction:column;gap:10px;display:flex}.pid-pred-item{border-radius:var(--pid-radius-sm);background:#ffffff05;border:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:background .2s;display:flex}.pid-pred-item:hover{background:#ffffff0a}.pid-pred-cycle-num{width:32px;height:32px;color:var(--phase-luteal);background:#bf5af21f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.pid-pred-info{flex:1;min-width:0}.pid-pred-date{color:var(--pid-text-main);font-size:.95rem;font-weight:600}.pid-pred-details{color:var(--pid-text-muted);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:.82rem;display:flex}.pid-pred-detail-item{align-items:center;gap:4px;display:flex}.pid-pred-meta{color:var(--pid-text-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;font-size:.82rem;display:flex}.pid-confidence-bar{background:#ffffff14;border-radius:2px;width:64px;height:4px;margin-top:6px;overflow:hidden}.pid-confidence-fill{border-radius:2px;height:100%;transition:width 1s}.pid-ai-card{background:linear-gradient(135deg, #bf5af20f 0%, var(--pid-card-bg) 50%, #0a84ff08 100%);border:1px solid #bf5af226!important}.pid-ai-card-title{justify-content:space-between;align-items:center;width:100%;display:flex}.pid-ai-badge{color:#fff;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#bf5af2,#0a84ff);border-radius:50px;flex-shrink:0;padding:4px 12px;font-size:.68rem;font-weight:700}.pid-ai-content{gap:20px;margin-top:12px;display:flex}.pid-ai-preview{border-radius:var(--pid-radius-sm);color:#8b949e;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;background:#00000059;border:1px solid #ffffff0a;flex:1;max-height:200px;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.pid-ai-actions{flex-direction:column;flex-shrink:0;justify-content:center;gap:12px;width:220px;display:flex}.pid-ai-copy-btn{color:#fff;border-radius:var(--pid-radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--pid-font-sans);background:linear-gradient(135deg,#bf5af2,#9b4cd0);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #bf5af233}.pid-ai-copy-btn:hover{background:linear-gradient(135deg,#c76bf2,#aa5ce0);transform:translateY(-2px);box-shadow:0 8px 24px #bf5af24d}.pid-ai-copy-btn:active{transform:translateY(1px)}.pid-ai-copy-btn.copied{background:var(--phase-follicular)!important;box-shadow:0 4px 16px #30d1584d!important}.pid-ai-hint{color:var(--pid-text-dim);align-items:flex-start;gap:6px;font-size:.78rem;line-height:1.5;display:flex}.pid-back-btn{color:var(--pid-text-muted);cursor:pointer;font-family:var(--pid-font-sans);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:.85rem;transition:all .25s;display:inline-flex}.pid-back-btn:hover{color:var(--pid-text-main);background:#ffffff14;transform:translate(-2px)}.pid-section-label{grid-column:span 12;align-items:center;gap:12px;padding:8px 0 0;display:flex}.pid-section-label span{text-transform:uppercase;letter-spacing:2px;color:var(--pid-text-dim);white-space:nowrap;font-size:.72rem;font-weight:600}.pid-section-label:after{content:"";background:linear-gradient(90deg,#ffffff0f,#0000);flex:1;height:1px}.pid-container ::-webkit-scrollbar{width:5px;height:5px}.pid-container ::-webkit-scrollbar-track{background:0 0}.pid-container ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.pid-container ::-webkit-scrollbar-thumb:hover{background:#fff3}.pid-pie-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.pid-pie-legend-item{color:var(--pid-text-muted);align-items:center;gap:5px;font-size:.78rem;display:flex}.pid-pie-legend-dot{border-radius:50%;width:8px;height:8px}@media (width<=1024px){.pid-col-span-8,.pid-col-span-6,.pid-col-span-4,.pid-col-span-3{grid-column:span 12}.pid-hero-grid{text-align:center;flex-direction:column}.pid-hero-phase-badge{align-self:center}.pid-hero-stats-grid{grid-template-columns:repeat(2,1fr)}.pid-hormone-explanations{grid-template-columns:1fr}.pid-ai-content{flex-direction:column}.pid-ai-actions{width:100%}}@media (width<=768px){.pid-grid{gap:14px}.pid-card{border-radius:16px}.pid-hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pid-sync-items{grid-template-columns:1fr}.pid-pred-item{flex-direction:column;align-items:flex-start}.pid-pred-meta{flex-direction:row;align-items:flex-start;gap:12px;width:100%;margin-top:8px}.pid-confidence-bar{flex:1}.pid-table{min-width:500px}}@media (width<=600px){.pid-container{padding:16px 10px}.pid-header{margin-bottom:28px}.pid-hero-stats-grid{grid-template-columns:1fr 1fr}.pid-hero-countdown{width:130px;height:130px}.pid-chart-container{height:220px}.pid-forecast-card{min-width:105px}.pid-timeline-track{min-width:400px;height:36px}.pid-timeline-labels{min-width:400px}.pid-calendar-grid{gap:2px}.pid-calendar-day{font-size:.7rem}}@media (width<=480px){.pid-grid{gap:10px}.pid-card{border-radius:14px;padding:14px}.pid-hero-grid{gap:16px}.pid-hero-countdown{width:120px;height:120px}.pid-hero-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.pid-hero-stat{padding:10px}.pid-hero-stat-value{font-size:1.1rem}.pid-sync-tabs{gap:4px}.pid-sync-tab{padding:8px 14px;font-size:.8rem}.pid-chart-container{height:200px}.pid-phase-ring-container{width:130px;height:130px}.pid-forecast-card{min-width:95px;padding:10px 8px}.pid-edu-title{font-size:1rem}.pid-edu-fact{font-size:.85rem}.pid-ai-preview{max-height:150px;font-size:.75rem}}@media (width<=375px){.pid-container{padding:12px 8px}.pid-header h1{font-size:1.6rem}.pid-hero-countdown{width:110px;height:110px}.pid-hero-stats-grid{grid-template-columns:1fr}.pid-card-header{font-size:.9rem}.pid-back-btn{padding:8px 14px;font-size:.8rem}}.easter-egg-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#050204d9;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.easter-egg-overlay.visible{opacity:1;pointer-events:auto}.easter-egg-card{text-align:center;-webkit-backdrop-filter:blur(20px);background:#6b20391f;border:1px solid #c4a35a33;border-radius:24px;max-width:480px;padding:48px 40px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)translateY(20px)}.easter-egg-overlay.visible .easter-egg-card{transform:scale(1)translateY(0)}.easter-egg-emoji{margin-bottom:20px;font-size:4rem;animation:1s ease-in-out infinite alternate eggBounce;display:block}@keyframes eggBounce{0%{transform:scale(1)rotate(-5deg)}to{transform:scale(1.1)rotate(5deg)}}.easter-egg-title{font-family:var(--font-script,"Great Vibes", cursive);color:#fff;text-shadow:0 0 30px #a0305080;margin-bottom:16px;font-size:2.4rem}.easter-egg-message{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6d9;margin-bottom:28px;font-size:1.15rem;font-style:italic;line-height:1.7}.easter-egg-close{color:var(--gold,#c4a35a);font-family:var(--font-body,"Cormorant Garamond", serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#c4a35a1f;border:1px solid #c4a35a4d;border-radius:50px;padding:10px 32px;font-size:.9rem;transition:all .3s}.easter-egg-close:hover{background:var(--gold,#c4a35a);color:var(--ink,#3a2a1a)}.heart-rain-container{z-index:9998;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rain-heart{font-size:var(--rain-size,1.5rem);top:-40px;left:var(--rain-x,50%);animation:rainFall var(--rain-dur,3s) var(--rain-delay,0s) linear forwards;opacity:0;position:absolute}@keyframes rainFall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.music-player{z-index:500;-webkit-backdrop-filter:blur(16px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f080cbf;border:1px solid #c4a35a33;border-radius:50px;align-items:center;gap:12px;padding:10px 18px 10px 12px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #0006}.music-player:hover{border-color:#c4a35a66;transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 0 20px #c4a35a1a}.music-vinyl{background:radial-gradient(circle at center, #1a1a1a 6px, transparent 6px), radial-gradient(circle at center, var(--gold,#c4a35a) 8px, transparent 8px), conic-gradient(from 0deg, #2a1520 0deg, #3a2030 60deg, #1a0a12 120deg, #2a1520 180deg, #3a2030 240deg, #1a0a12 300deg, #2a1520 360deg);border:2px solid #c4a35a4d;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:border-color .3s}.music-vinyl.spinning{animation:3s linear infinite vinylSpin}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-label{flex-direction:column;gap:1px;display:flex}.music-title{font-family:var(--font-body,"Cormorant Garamond", serif);color:#f5ead6e6;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.8rem;overflow:hidden}.music-status{font-family:var(--font-body,"Cormorant Garamond", serif);color:#c4a35a99;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.sound-bars{align-items:flex-end;gap:2px;height:16px;margin-left:4px;display:flex}.sound-bar{background:var(--gold,#c4a35a);border-radius:2px;width:3px;transition:height .2s}.sound-bars.playing .sound-bar:first-child{animation:.8s ease-in-out infinite soundWave}.sound-bars.playing .sound-bar:nth-child(2){animation:.8s ease-in-out .15s infinite soundWave}.sound-bars.playing .sound-bar:nth-child(3){animation:.8s ease-in-out .3s infinite soundWave}.sound-bars.playing .sound-bar:nth-child(4){animation:.8s ease-in-out .45s infinite soundWave}.sound-bars:not(.playing) .sound-bar{height:4px!important}@keyframes soundWave{0%,to{height:4px}50%{height:16px}}@media (width<=768px){.music-player{padding:8px 14px 8px 10px;bottom:16px;right:16px}.music-vinyl{width:30px;height:30px}.music-title{max-width:100px;font-size:.72rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--parchment:#f5ead6;--parchment-dark:#e8d5b7;--parchment-edge:#d4bc94;--ink:#3a2a1a;--ink-light:#5c4a3a;--maroon:#6b2039;--maroon-deep:#4a1028;--maroon-glow:#8b3050;--rose:#c2727e;--rose-soft:#d4949e;--rose-blush:#e8b4bb;--crimson:#a03050;--pink-neon:#ff2d78;--pink-neon-glow:#ff5c99;--gold:#c4a35a;--gold-light:#d4b872;--sage:#7a9a6f;--sage-muted:#8faa80;--sage-dark:#5a7a50;--font-display:"Playfair Display", "Georgia", serif;--font-body:"Cormorant Garamond", "Garamond", serif;--font-script:"Great Vibes", cursive;--shadow-soft:0 4px 20px #3a2a1a26;--shadow-deep:0 8px 40px #3a2a1a40;--shadow-envelope:0 12px 60px #3a2a1a59}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--parchment);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.tulips-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-tulip{will-change:transform, opacity;filter:blur(.3px);-webkit-user-select:none;user-select:none;font-size:1.6rem;position:absolute;bottom:-60px}.lockscreen{z-index:100;background:radial-gradient(at 50% 40%,#c4a35a14 0%,#0000 60%),linear-gradient(175deg,#f5ead6 0%,#e8d5b7 40%,#d4bc94 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lockscreen:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4a35a' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.premium-coords{font-family:var(--font-body);letter-spacing:.03em;color:var(--ink-light);text-align:center;opacity:0;border-top:1px solid #c4a35a40;border-bottom:1px solid #c4a35a40;max-width:500px;margin-bottom:45px;padding:12px 24px;font-size:.95rem;font-style:italic;line-height:1.6;position:relative}.envelope-container{perspective:800px;width:380px;height:260px;position:relative}.envelope{filter:drop-shadow(0 15px 50px #3a2a1a4d);width:100%;height:100%;position:relative}.envelope-body{border:2px solid var(--parchment-edge);background:linear-gradient(145deg,#e8d0a8 0%,#dfc29a 50%,#d4b080 100%);border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 2px 8px #fff6,inset 0 -4px 12px #a0825026}.envelope-body:before{content:"";background:repeating-linear-gradient(to right, transparent, transparent 4px, var(--parchment-edge) 4px, var(--parchment-edge) 8px);opacity:.4;height:1px;position:absolute;top:20px;left:30px;right:30px}.envelope-body:after{content:"💌";opacity:.6;font-size:1.6rem;position:absolute;top:14px;right:18px;transform:rotate(-8deg)}.envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);border:2px solid var(--parchment-edge);transform-origin:top;z-index:2;background:linear-gradient(160deg,#dfc29a 0%,#d4b080 100%);height:55%;position:absolute;top:-2px;left:-2px;right:-2px;box-shadow:inset 0 -8px 16px #a082501f}.wax-seal{z-index:10;background:radial-gradient(circle at 35% 35%, #ff5c99, var(--pink-neon) 40%, var(--crimson) 80%, var(--maroon-deep) 100%);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff2d7866,0 0 60px #ff2d7833,inset 0 -3px 8px #4a102880,inset 0 2px 4px #fff3}.wax-seal:before{content:"";background:conic-gradient(#0000 0deg,#ff2d7826 30deg,#0000 60deg,#ff2d781a 90deg,#0000 120deg,#ff2d781f 150deg,#0000 180deg,#ff2d7814 210deg,#0000 240deg,#ff2d7824 270deg,#0000 300deg,#ff2d781a 330deg,#0000 360deg);border-radius:50%;position:absolute;inset:-6px;-webkit-mask-image:radial-gradient(circle,#0000 46px,#000 47px 53px,#0000 54px);mask-image:radial-gradient(circle,#0000 46px,#000 47px 53px,#0000 54px)}@keyframes sealPulse{0%,to{box-shadow:0 0 20px #ff2d7866,0 0 60px #ff2d7826,inset 0 -3px 8px #4a102880,inset 0 2px 4px #fff3}50%{box-shadow:0 0 30px #ff2d7899,0 0 90px #ff2d784d,inset 0 -3px 8px #4a102880,inset 0 2px 4px #fff3}}.wax-seal{animation:2.4s ease-in-out infinite sealPulse}.seal-instruction{text-align:center;z-index:10;margin-top:48px}.seal-instruction .subtitle{font-family:var(--font-body);color:var(--ink-light);letter-spacing:.15em;text-transform:uppercase;opacity:.7;margin-bottom:20px;font-size:1rem}.hold-btn{border:2px solid var(--maroon);color:var(--maroon);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;padding:16px 48px;font-size:1.05rem;font-weight:600;transition:color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.hold-btn:before{content:"";height:100%;width:var(--progress,0%);background:linear-gradient(90deg, var(--maroon) 0%, var(--crimson) 100%);z-index:-1;transition:none;position:absolute;top:0;left:0}.hold-btn.holding{color:#fff;border-color:var(--crimson)}.hold-btn.holding:before{width:100%;transition:width 2s linear}@keyframes holdShake{0%,to{transform:translate(0)}10%{transform:translate(-2px)rotate(-.5deg)}30%{transform:translate(2px)rotate(.5deg)}50%{transform:translate(-3px)rotate(-.3deg)}70%{transform:translate(3px)rotate(.3deg)}90%{transform:translate(-1px)rotate(-.2deg)}}.hold-btn.holding{animation:.35s ease-in-out infinite holdShake}.progress-track{background:#6b20391f;border-radius:4px;width:260px;height:4px;margin-top:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--pink-neon), var(--gold));border-radius:4px;width:0%;height:100%;transition:width .1s linear}.letter-scene{z-index:1;background:radial-gradient(at 50% 20%,#c4a35a0f 0%,#0000 50%),linear-gradient(175deg,#f5ead6 0%,#efe0c8 50%,#e8d5b7 100%);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px 80px;display:flex;position:relative}.letter-paper{width:100%;max-width:680px;box-shadow:var(--shadow-deep), 0 1px 0 #fff9 inset;background:linear-gradient(#faf4e8 0%,#f5ead6 100%);border:1px solid #c4a35a40;border-radius:4px;padding:60px 56px 50px;position:relative}.letter-paper:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23d4bc94' fill-opacity='0.03'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23c4a35a' fill-opacity='0.04'/%3E%3C/svg%3E");border-radius:4px;position:absolute;inset:0}.letter-paper:after{content:"";background:repeating-linear-gradient(to bottom, transparent 0px, transparent 6px, var(--parchment-edge) 6px, var(--parchment-edge) 8px);opacity:.3;width:6px;height:100%;position:absolute;top:0;left:-3px}.letter-date{font-family:var(--font-body);color:var(--ink-light);text-align:right;opacity:.7;margin-bottom:32px;font-size:.95rem;font-style:italic}.letter-greeting{font-family:var(--font-script);color:var(--maroon);margin-bottom:28px;font-size:2.6rem;line-height:1.2}.letter-body p{font-family:var(--font-body);color:var(--ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin-bottom:18px;font-size:1.22rem;line-height:1.85}.letter-body p em{color:var(--maroon);font-style:italic}.letter-closing{text-align:right;margin-top:36px}.letter-closing .sign-off{font-family:var(--font-body);color:var(--ink);font-size:1.15rem;font-style:italic}.letter-closing .signature{font-family:var(--font-script);color:var(--maroon);margin-top:8px;font-size:2.4rem}.ornament-divider{text-align:center;opacity:.5;letter-spacing:.5em;margin:44px 0;font-size:1.5rem}.question-section{text-align:center;margin-top:16px}.question-text{font-family:var(--font-display);color:var(--maroon);margin-bottom:36px;font-size:2rem;font-weight:700}.answer-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;min-height:80px;display:flex;position:relative}.btn-yes,.btn-no{font-family:var(--font-display);cursor:pointer;letter-spacing:.05em;border:none;border-radius:50px;padding:14px 48px;font-size:1.15rem;font-weight:600;transition:all .3s}.btn-yes{background:linear-gradient(135deg, var(--maroon) 0%, var(--crimson) 100%);color:#fff;box-shadow:0 4px 20px #6b203959}.btn-yes:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 30px #6b203973}.btn-no{color:var(--maroon);border:2px solid var(--rose-soft);z-index:5;background:#6b203914;transition:none;position:absolute}.success-section{text-align:center;background:radial-gradient(#c4a35a14 0%,#0000 70%);border-radius:12px;margin-top:48px;padding:48px 32px}.success-section h2{font-family:var(--font-script);color:var(--maroon);margin-bottom:12px;font-size:3rem}.success-section p{font-family:var(--font-body);color:var(--ink-light);font-size:1.2rem;font-style:italic}.success-hearts{letter-spacing:.3em;margin-top:20px;font-size:2.5rem;animation:1.2s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.btn-next{background:linear-gradient(135deg, var(--maroon) 0%, var(--crimson) 100%);color:#fff;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:28px;padding:14px 44px;font-size:1.1rem;font-weight:600;transition:all .3s;animation:2s ease-in-out infinite scrollBounce;display:inline-flex;box-shadow:0 4px 20px #6b203959}.btn-next:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 30px #6b203973}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.saree-page{z-index:1;background:radial-gradient(at 50% 20%,#8b45130f 0%,#0000 50%),linear-gradient(175deg,#1a0a1e 0%,#2d1233 30%,#1c0f25 60%,#140a18 100%);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px 80px;display:flex;position:relative}.saree-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-saree-emoji{will-change:transform, opacity;filter:blur(.3px);-webkit-user-select:none;user-select:none;position:absolute;bottom:-50px}.saree-card{z-index:2;background:linear-gradient(#2d1233f2 0%,#1c0f25fa 100%);border:1px solid #c4a35a33;border-radius:8px;width:100%;max-width:700px;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 80px #c4a35a0f,inset 0 1px #c4a35a26}.saree-border-top,.saree-border-bottom{background:repeating-linear-gradient(90deg,#c4a35a 0,#d4b872 3px,#8b6914 6px,#c4a35a 9px,#0000 9px 12px);height:8px;position:relative}.saree-border-top:after,.saree-border-bottom:after{content:"";background:linear-gradient(90deg,#0000,#c4a35a4d,#0000);height:2px;position:absolute;left:0;right:0}.saree-border-top:after{bottom:-4px}.saree-border-bottom:after{top:-4px}.saree-header{text-align:center;padding:48px 40px 32px}.saree-icon{filter:drop-shadow(0 4px 12px #c4a35a4d);margin-bottom:16px;font-size:4rem;display:block}.saree-title{font-family:var(--font-display);color:#d4b872;text-shadow:0 2px 12px #c4a35a33;margin-bottom:8px;font-size:2.4rem;font-weight:700;line-height:1.2}.saree-subtitle{font-family:var(--font-body);color:#d4b87299;letter-spacing:.08em;font-size:1.1rem;font-style:italic}.saree-section{padding:0 48px 24px}.saree-section p{font-family:var(--font-body);color:#ffffffd1;text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-size:1.18rem;line-height:1.85}.saree-section p em{color:#d4b872;font-style:italic}.saree-divider{text-align:center;color:#c4a35a66;letter-spacing:.5em;padding:20px 0 28px;font-size:1.4rem}.saree-deal{background:#c4a35a0a;border-top:1px solid #c4a35a1a;border-bottom:1px solid #c4a35a1a;border-radius:8px;margin:0 24px;padding-top:32px!important;padding-bottom:32px!important}.deal-title{font-family:var(--font-display);color:#d4b872;text-align:center;margin-bottom:16px;font-size:1.8rem;font-weight:700}.wishlist{flex-direction:column;gap:16px;margin:28px 0;display:flex}.wish-card{background:linear-gradient(135deg,#c4a35a14 0%,#c4a35a08 100%);border:1px solid #c4a35a26;border-radius:12px;align-items:center;gap:20px;padding:20px 24px;transition:transform .3s,border-color .3s;display:flex}.wish-card:hover{border-color:#c4a35a59;transform:translateY(-2px)}.wish-emoji{filter:drop-shadow(0 2px 8px #c4a35a33);flex-shrink:0;font-size:2.8rem}.wish-text h3{font-family:var(--font-display);color:#d4b872;margin-bottom:4px;font-size:1.2rem;font-weight:700}.wish-text p{font-family:var(--font-body);color:#ffffffa6!important;text-align:left!important;font-size:1.05rem!important;line-height:1.6!important}.deal-note{margin-top:20px;font-size:1.1rem;text-align:center!important}.saree-closing{text-align:center;padding:36px 40px 48px}.saree-closing p{font-family:var(--font-body);color:#ffffffbf;font-size:1.2rem;font-style:italic}.saree-signature{font-family:var(--font-script);margin-top:12px;color:#d4b872!important;font-size:2.2rem!important;font-style:normal!important}.corner-decor{opacity:.2;pointer-events:none;width:40px;height:40px;position:absolute}.corner-decor.top-left{border-top:2px solid var(--gold);border-left:2px solid var(--gold);top:12px;left:12px}.corner-decor.top-right{border-top:2px solid var(--gold);border-right:2px solid var(--gold);top:12px;right:12px}.corner-decor.bottom-left{border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);bottom:12px;left:12px}.corner-decor.bottom-right{border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);bottom:12px;right:12px}@media (width<=720px){.letter-paper{padding:40px 28px 36px}.letter-greeting{font-size:2rem}.letter-body p{text-align:left;font-size:1.08rem}.envelope-container{width:300px;height:210px}.wax-seal{width:80px;height:80px;font-size:2.2rem}.hold-btn{padding:14px 36px;font-size:.95rem}.question-text{font-size:1.6rem}.success-section h2{font-size:2.2rem}.saree-title{font-size:1.9rem}.saree-section{padding:0 28px 20px}.saree-header{padding:36px 28px 24px}.saree-deal{margin:0 12px;padding-left:20px!important;padding-right:20px!important}.deal-title{font-size:1.5rem}}@media (width<=480px){.letter-paper{padding:32px 20px 28px}.letter-greeting{font-size:1.7rem}.envelope-container{width:260px;height:180px}.wax-seal{width:68px;height:68px;font-size:1.8rem}.saree-title{font-size:1.5rem}.saree-section p{text-align:left;font-size:1.05rem}.wish-card{text-align:center;flex-direction:column;gap:12px}.wish-text p{text-align:center!important}.saree-closing{padding:28px 20px 36px}}