:root{--bg-dark:#0f0a1a;--bg-card:#1a1028;--bg-card-hover:#221538;--accent-rose:#e8527a;--accent-pink:#f472b6;--accent-gold:#f5c542;--accent-purple:#a855f7;--accent-soft:#fce7f3;--text-primary:#fdf2f8;--text-secondary:#d4a8c7;--text-muted:#8b6d80;--glass:#ffffff0f;--glass-border:#ffffff1a;--shadow-glow:0 0 40px #e8527a26}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}h1,h2,h3{font-family:Playfair Display,Georgia,serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.app{background:linear-gradient(170deg,#0f0a1a 0%,#1a0f2e 40%,#150a20 100%);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.app-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.app-orb-1{background:#e8527a0f;width:350px;height:350px;animation:12s ease-in-out infinite alternate orb-drift;top:-100px;right:-100px}.app-orb-2{background:#a855f70d;width:300px;height:300px;animation:15s ease-in-out infinite alternate-reverse orb-drift;bottom:100px;left:-80px}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:var(--max-opacity,.4)}90%{opacity:var(--max-opacity,.4)}to{opacity:0;transform:translateY(-20vh)rotate(720deg)}}.nav{z-index:50;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);background:#0f0a1acc;padding:10px 16px;position:sticky;top:0}.nav-inner{background:#ffffff08;border-radius:28px;justify-content:center;gap:2px;max-width:460px;margin:0 auto;padding:3px;display:flex}.nav-btn{color:var(--text-muted);-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:4px;padding:9px 8px;font-size:12px;font-weight:500;transition:all .3s;display:flex}.nav-btn:hover{color:var(--text-secondary)}.nav-btn.active{color:var(--text-primary);background:linear-gradient(135deg,#e8527a33,#a855f726);box-shadow:0 2px 12px #e8527a26}.nav-icon{font-size:13px}.nav-label{font-size:12px}.progress-strip{z-index:1;padding:12px 20px 8px}.progress-info{justify-content:space-between;margin-bottom:6px;display:flex}.progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:500}.progress-pct{color:var(--accent-pink);font-size:11px;font-weight:600}.progress-bar{background:#ffffff0a;border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-purple), var(--accent-gold));background-size:200%;border-radius:2px;height:100%;transition:width .8s;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.progress-counts{color:var(--text-muted);opacity:.6;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.main-content{z-index:1;flex:1;width:100%;max-width:600px;margin:0 auto;padding:16px 16px 100px}.view-enter{animation:.5s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.today-view{flex-direction:column;align-items:center;gap:20px;display:flex}.today-greeting{text-align:center;animation:.6s ease-out fadeSlideIn}.greeting-text{color:var(--text-secondary);font-size:14px}.greeting-name{background:linear-gradient(135deg, var(--accent-pink), var(--accent-rose));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:18px;font-style:italic}.greeting-sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic}.day-ring-container{width:90px;height:90px;animation:.6s ease-out .1s both fadeSlideIn;position:relative}.day-ring{width:100%;height:100%}.day-ring circle:last-of-type{transition:stroke-dashoffset .8s}.day-ring-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.day-ring-number{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:700;line-height:1}.day-ring-label{color:var(--text-muted);margin-top:2px;font-size:10px}.day-header{text-align:center;animation:.6s ease-out .2s both fadeSlideIn}.day-label{text-transform:uppercase;letter-spacing:2.5px;color:var(--accent-pink);font-size:12px;font-weight:600}.milestone-badge{border:1px solid var(--accent-gold);color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:6px 20px;font-size:11px;font-weight:700;display:flex}.milestone-sparkle{font-size:8px;animation:3s linear infinite sparkle-spin}@keyframes sparkle-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.reveal-area{perspective:1000px;justify-content:center;width:100%;animation:.6s ease-out .3s both fadeSlideIn;display:flex}.locked-card{text-align:center;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e143299,#140c23cc);border-radius:24px;width:100%;max-width:300px;padding:48px 28px}.locked-icon-wrap{justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;position:relative}.locked-pulse{background:#e8527a1a;border-radius:50%;animation:2s ease-in-out infinite locked-pulse-anim;position:absolute;inset:0}@keyframes locked-pulse-anim{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}.locked-icon{color:var(--accent-rose);opacity:.5;z-index:1;font-size:24px}.locked-text{color:var(--text-secondary);margin-bottom:4px;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic}.locked-days{color:var(--text-muted);font-size:12px}.today-footer{flex-direction:column;align-items:center;gap:14px;animation:.5s ease-out fadeSlideIn;display:flex}.today-signature{color:var(--text-muted);font-size:13px;font-style:italic}.today-signature em{color:var(--text-secondary);font-family:Playfair Display,Georgia,serif}.fav-btn{color:var(--text-secondary);border:1px solid var(--glass-border);-webkit-tap-highlight-color:transparent;background:#ffffff05;border-radius:24px;align-items:center;gap:6px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.fav-btn:hover,.fav-btn:active{border-color:var(--accent-gold);color:var(--accent-gold)}.fav-btn.fav-active{border-color:var(--accent-gold);color:var(--accent-gold);background:linear-gradient(135deg,#f5c5421f,#f5c5420a)}.fav-btn-icon{font-size:16px}.day-nav{gap:10px;margin-top:4px;display:flex}.day-nav-btn{color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;transition:all .3s;display:flex}.day-nav-btn:hover,.day-nav-btn:active{color:var(--text-secondary);border-color:var(--accent-purple)}.nav-arrow{font-size:16px;line-height:1}.reason-content{text-align:center;padding:8px}.reason-emoji{margin-bottom:12px;font-size:36px;display:block}.reason-text{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;line-height:1.6}.reason-link{background:var(--glass);border:1px solid var(--glass-border);color:var(--accent-pink);border-radius:16px;margin-top:12px;padding:6px 16px;font-size:13px;text-decoration:none;transition:all .3s;display:inline-block}.reason-link:hover{background:#f472b61a}.tap-hint-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.tap-hint-icon{font-size:28px;animation:2s ease-in-out infinite hint-bounce}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tap-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:11px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.milestone-card{border-color:var(--accent-gold)!important;box-shadow:0 0 30px #f5c54233,0 0 60px #f5c5421a!important}.envelope{cursor:pointer;width:100%;max-width:340px}.envelope-body{border:1px solid var(--glass-border);background:linear-gradient(145deg,#2d1f42,#1a1028);border-radius:16px;width:100%;padding-top:70%;position:relative;overflow:hidden}.envelope-flap{clip-path:polygon(0 0,50% 80%,100% 0);transform-origin:top;z-index:3;background:linear-gradient(#3d2a5c,#2d1f42);height:50%;transition:transform .6s;position:absolute;top:0;left:0;right:0}.envelope.opened .envelope-flap{transform:rotateX(180deg)}.envelope-front{z-index:2;background:linear-gradient(#0000,#2d1f42);justify-content:center;align-items:center;height:60%;display:flex;position:absolute;bottom:0;left:0;right:0}.envelope-front:before{content:"💌";font-size:32px;position:absolute;top:20%}.envelope-letter{opacity:0;z-index:1;background:linear-gradient(135deg,#fce7f3,#fdf2f8);border-radius:8px;justify-content:center;align-items:center;transition:all .6s .3s;display:flex;position:absolute;inset:10%;transform:translateY(40%)}.envelope.opened .envelope-letter{opacity:1;z-index:4;transform:translateY(0)}.envelope .reason-text,.envelope .reason-emoji{color:#1a0f2e}.card-flip{cursor:pointer;width:100%;max-width:340px}.card-inner{width:100%;transform-style:preserve-3d;padding-top:130%;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.card-flip.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.card-front{border:1px solid var(--glass-border);background:linear-gradient(145deg,#2d1f42,#1a1028);overflow:hidden}.card-pattern{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#a855f708 10px 20px),repeating-linear-gradient(-45deg,#0000,#0000 10px,#e8527a08 10px 20px);position:absolute;inset:0}.card-heart{color:var(--accent-rose);z-index:1;filter:drop-shadow(0 0 20px #e8527a66);font-size:64px;animation: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)}}.card-back{border:1px solid var(--accent-rose);background:linear-gradient(145deg,#2d1f42,#1a1028);transform:rotateY(180deg);box-shadow:0 0 30px #e8527a26}.gift-box{cursor:pointer;width:100%;max-width:340px}.gift-lid{background:linear-gradient(135deg, var(--accent-rose), #c23d63);z-index:2;border-radius:8px 8px 0 0;width:90%;height:40px;margin:0 auto;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.gift-box.opened .gift-lid{opacity:0;transform:translateY(-50px)rotate(-15deg)}.gift-ribbon-top{border:3px solid var(--accent-gold);background:0 0;border-radius:50% 50% 0 0;width:40px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.gift-body{border:2px solid var(--accent-rose);background:linear-gradient(145deg,#2d1f42,#1a1028);border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:200px;padding:32px 24px;display:flex;position:relative;overflow:hidden}.gift-ribbon-v{background:var(--accent-gold);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gift-ribbon-h{background:var(--accent-gold);height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gift-box.opened .gift-ribbon-v,.gift-box.opened .gift-ribbon-h{opacity:0;transition:opacity .4s}.gift-content{opacity:0;z-index:1;transition:all .5s .3s;transform:translateY(20px)}.gift-box.opened .gift-content{opacity:1;transform:translateY(0)}.flower-bloom{cursor:pointer;width:100%;max-width:340px}.bloom-container{width:280px;height:280px;margin:0 auto;position:relative}.petal{transform-origin:bottom;border-radius:50% 50% 0 0;width:80px;height:120px;transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.petal-0{background:#e8527ab3;transform:translate(-50%,-100%)rotate(0)}.petal-1{background:#f472b6b3;transform:translate(-50%,-100%)rotate(60deg)}.petal-2{background:#a855f799;transform:translate(-50%,-100%)rotate(120deg)}.petal-3{background:#e8527a80;transform:translate(-50%,-100%)rotate(180deg)}.petal-4{background:#f472b680;transform:translate(-50%,-100%)rotate(240deg)}.petal-5{background:#a855f766;transform:translate(-50%,-100%)rotate(300deg)}.flower-bloom.bloomed .petal-0{opacity:.4;transform:translate(-50%,-100%)rotate(0)translateY(-30px)scale(.8)}.flower-bloom.bloomed .petal-1{opacity:.4;transform:translate(-50%,-100%)rotate(60deg)translateY(-30px)scale(.8)}.flower-bloom.bloomed .petal-2{opacity:.4;transform:translate(-50%,-100%)rotate(120deg)translateY(-30px)scale(.8)}.flower-bloom.bloomed .petal-3{opacity:.4;transform:translate(-50%,-100%)rotate(180deg)translateY(-30px)scale(.8)}.flower-bloom.bloomed .petal-4{opacity:.4;transform:translate(-50%,-100%)rotate(240deg)translateY(-30px)scale(.8)}.flower-bloom.bloomed .petal-5{opacity:.4;transform:translate(-50%,-100%)rotate(300deg)translateY(-30px)scale(.8)}.bloom-center{border:1px solid var(--glass-border);z-index:2;background:linear-gradient(145deg,#2d1f42,#1a1028);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;padding:16px;transition:all .6s .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-bloom.bloomed .bloom-center{border-color:var(--accent-pink);box-shadow:0 0 30px #e8527a33}.bloom-center .reason-text{font-size:14px}.bloom-center .reason-emoji{margin-bottom:6px;font-size:24px}.lantern{cursor:pointer;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.lantern-hook{border:3px solid var(--text-muted);border-bottom:none;border-radius:15px 15px 0 0;width:30px;height:20px}.lantern-body{border:1px solid var(--glass-border);background:linear-gradient(#2d1f42e6,#1a1028f2);border-radius:20px 20px 30px 30px;justify-content:center;align-items:center;width:200px;min-height:260px;padding:24px;transition:all .8s;display:flex;position:relative;overflow:hidden}.lantern.lit .lantern-body{border-color:var(--accent-gold);background:linear-gradient(#f5c54226,#e8527a1a);box-shadow:0 0 40px #f5c54233,0 0 80px #f5c5421a}.lantern-glow{background:radial-gradient(#f5c54200,#f5c54200);transition:all .8s;position:absolute;inset:0}.lantern.lit .lantern-glow{background:radial-gradient(#f5c54226,#0000 70%)}.lantern-text{z-index:1;opacity:.5;transition:opacity .6s .3s}.lantern.lit .lantern-text{opacity:1}.lantern-base{background:linear-gradient(180deg, var(--text-muted), transparent);border-radius:0 0 10px 10px;width:80px;height:12px}.bottle{cursor:pointer;justify-content:center;width:100%;max-width:340px;display:flex}.bottle-body{flex-direction:column;align-items:center;display:flex;position:relative}.bottle-cork{z-index:2;background:linear-gradient(135deg,#c9956b,#a07850);border-radius:4px 4px 2px 2px;width:30px;height:20px;transition:all .5s cubic-bezier(.4,0,.2,1)}.bottle.uncorked .bottle-cork{opacity:0;transform:translateY(-40px)rotate(45deg)}.bottle-glass{background:linear-gradient(#a855f714 0%,#a855f726 30%,#e8527a1a 100%);border:1px solid #a855f74d;border-radius:10px 10px 40px 40px;justify-content:center;align-items:center;width:180px;min-height:280px;padding:24px;display:flex;position:relative;overflow:hidden}.bottle-glass:before{content:"";background:linear-gradient(#ffffff1a,#0000);border-radius:1px;width:2px;position:absolute;top:10%;bottom:10%;left:15%}.bottle-scroll{opacity:0;transition:all .6s .3s;transform:translateY(30px)}.bottle.uncorked .bottle-scroll{opacity:1;transform:translateY(0)}.confetti-container{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:linear forwards confetti-fall;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.us-view{flex-direction:column;gap:16px;display:flex}.us-header{text-align:center;margin-bottom:4px}.us-title{color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:400}.us-subtitle{color:var(--text-muted);letter-spacing:.5px;font-size:12px}.us-section{animation:.5s ease-out both fadeSlideIn}.love-map{background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-radius:20px;padding:16px;overflow:hidden}.love-map-svg{width:100%;height:auto}.love-path{animation:3s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-20px}}.map-heart{fill:var(--accent-rose)}.map-distance{text-align:center;border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}.map-km{background:linear-gradient(135deg, var(--accent-rose), var(--accent-purple), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700}.map-unit{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic;display:block}.dual-clock{background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-radius:20px;padding:20px 16px}.clock-sides{align-items:center;gap:0;display:flex}.clock-side{border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px;transition:background .3s;display:flex}.clock-night{background:#1e143c66}.clock-dawn{background:#50321e33}.clock-day{background:#3c3c1426}.clock-sunset{background:#50281433}.clock-sky{margin-bottom:2px;font-size:20px}.clock-city{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:600}.clock-location{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.clock-time{color:var(--text-primary);letter-spacing:2px;margin-top:4px;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700}.clock-divider{flex-direction:column;align-items:center;gap:4px;padding:0 8px;display:flex}.clock-heart-line{background:linear-gradient(180deg, transparent, var(--glass-border), transparent);width:1px;height:18px}.clock-heart{color:var(--accent-rose);font-size:12px;animation:2s ease-in-out infinite heartbeat}.clock-message{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;margin-top:14px;padding-top:12px;font-size:12px;font-style:italic}.us-facts{text-align:center;background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-radius:20px;padding:20px 16px}.us-facts-title{color:var(--text-primary);margin-bottom:16px;font-family:Playfair Display,Georgia,serif;font-size:18px;font-style:italic;font-weight:400}.us-facts-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.us-fact{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.us-fact-icon{font-size:18px}.us-fact-text{color:var(--text-secondary);font-size:12px;font-weight:500}.us-bottom{text-align:center;padding:16px;animation:.5s ease-out both fadeSlideIn}.us-quote{color:var(--text-muted);font-family:Playfair Display,Georgia,serif;font-size:14px;font-style:italic;line-height:1.6}.calendar-view{padding-bottom:40px}.cal-header{text-align:center;margin-bottom:20px}.cal-title{color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:400}.cal-subtitle{color:var(--text-muted);font-size:13px;font-style:italic}.cal-stats{border:1px solid var(--glass-border);background:linear-gradient(145deg,#1e143299,#140c2366);border-radius:20px;justify-content:center;align-items:center;gap:0;margin-bottom:24px;padding:16px 12px;display:flex}.cal-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.cal-stat-num{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:700}.cal-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.cal-stat-divider{background:var(--glass-border);width:1px;height:28px}.cal-month{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:16px;padding:14px 14px 16px;animation:.4s ease-out both fadeSlideIn}.cal-month-current{background:linear-gradient(145deg,#e8527a0a,#a855f708);border-color:#e8527a26}.cal-month-future{opacity:.5}.cal-month-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-month-title{align-items:center;gap:6px;display:flex}.cal-month-icon{font-size:14px}.cal-month-name{color:var(--text-secondary);font-size:13px;font-weight:600}.cal-current-dot{background:var(--accent-rose);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.cal-month-pct{color:var(--text-muted);font-size:11px;font-weight:500}.cal-month-bar{background:#ffffff0a;border-radius:1px;height:2px;margin-bottom:10px;overflow:hidden}.cal-month-bar-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-purple));border-radius:1px;height:100%;transition:width .6s}.calendar-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.cal-day{aspect-ratio:1;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.cal-day-num{z-index:1}.cal-day-dot{background:var(--accent-rose);border-radius:50%;width:3px;height:3px;margin-top:1px}.cal-day.locked{color:var(--text-muted);opacity:.3;background:#ffffff05}.cal-day.unlocked{color:var(--text-secondary);cursor:pointer;background:#a855f714}.cal-day.unlocked:hover,.cal-day.unlocked:active{border-color:var(--accent-purple);background:#a855f72e;transform:scale(1.05)}.cal-day.revealed{color:var(--text-primary);background:linear-gradient(135deg,#e8527a26,#a855f71f)}.cal-day.is-today{border-color:var(--accent-rose);color:#fff;background:linear-gradient(135deg,#e8527a40,#a855f726);font-weight:700;box-shadow:0 0 10px #e8527a4d}.cal-day.is-milestone{border-color:#f5c54280;box-shadow:0 0 8px #f5c54226}.cal-day.is-milestone .cal-day-num{color:var(--accent-gold)}.favorites-view{padding-bottom:40px}.fav-header{text-align:center;margin-bottom:24px}.fav-heart-icon{color:var(--accent-gold);margin-bottom:8px;font-size:28px}.fav-title{color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:400}.fav-subtitle{color:var(--text-muted);font-size:13px;font-style:italic}.fav-empty{text-align:center;padding:40px 20px}.fav-empty-hearts{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.fav-empty-heart{color:var(--accent-rose);opacity:.3;font-size:24px;animation:3s ease-in-out infinite fav-float}@keyframes fav-float{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-8px)}}.fav-empty-text{color:var(--text-secondary);margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic;line-height:1.6}.fav-empty-hint{color:var(--text-muted);font-size:12px}.fav-list{flex-direction:column;gap:10px;display:flex}.fav-card{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;transition:all .3s;animation:.4s ease-out both fadeSlideIn;position:relative;overflow:hidden}.fav-card:hover,.fav-card:active{transform:translateY(-1px)}.fav-card-accent{background:linear-gradient(180deg, var(--accent-rose), var(--accent-purple));border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.fav-card-body{background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-left:none;border-radius:0 16px 16px 0;padding:16px 16px 14px 18px}.fav-card:hover .fav-card-body,.fav-card:active .fav-card-body{background:linear-gradient(145deg,#28193c99,#190f28b3);border-color:#e8527a26}.fav-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fav-day-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff0a;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.fav-remove{color:var(--accent-gold);-webkit-tap-highlight-color:transparent;border-radius:50%;padding:4px 6px;font-size:18px;transition:all .2s}.fav-remove:hover,.fav-remove:active{background:#f5c5421a;transform:scale(1.2)}.fav-card-content{align-items:flex-start;gap:10px;display:flex}.fav-emoji{flex-shrink:0;font-size:20px}.fav-text{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:14px;font-style:italic;line-height:1.5}.fav-card-signature{color:var(--text-muted);text-align:right;opacity:.6;margin-top:6px;font-size:11px;font-style:italic}.garden{z-index:10;pointer-events:none;height:50px;position:fixed;bottom:0;left:0;right:0}.garden-ground{background:linear-gradient(#0000,#0f1e0f66,#142814cc);height:16px;position:absolute;bottom:0;left:0;right:0}.garden-flower{transform-origin:bottom;flex-direction:column;align-items:center;animation:.6s ease-out forwards grow;display:flex;position:absolute;bottom:6px}@keyframes grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.flower-stem{background:linear-gradient(#3d7a3d,#2d5a2d);border-radius:1px;flex:1;width:1.5px}.flower-head{border-radius:50%;width:6px;height:6px;margin-bottom:1px}.flower-head.color-0{background:var(--accent-rose);box-shadow:0 0 4px #e8527a66}.flower-head.color-1{background:var(--accent-pink);box-shadow:0 0 4px #f472b666}.flower-head.color-2{background:var(--accent-gold);box-shadow:0 0 4px #f5c54266}.flower-head.color-3{background:var(--accent-purple);box-shadow:0 0 4px #a855f766}.flower-head.color-4{background:#34d399;box-shadow:0 0 4px #34d39966}.emotion-wheel-container{text-align:center;width:100%;padding:20px 0}.emotion-prompt{color:var(--text-secondary);margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic}.emotion-wheel{max-width:280px;margin:0 auto}.emotion-svg{width:100%;height:auto}.emotion-slice{cursor:pointer}.emotion-dot{transition:all .3s}.emotion-slice:hover .emotion-dot{opacity:.9}.emotion-actions{flex-direction:column;align-items:center;gap:12px;margin-top:16px;animation:.3s ease-out fadeSlideIn;display:flex}.emotion-intensity{align-items:center;gap:10px;display:flex}.intensity-label{color:var(--text-muted);font-size:12px}.intensity-dots{gap:6px;display:flex}.intensity-dot{cursor:pointer;border:1px solid #ffffff1a;border-radius:50%;width:14px;height:14px;transition:all .2s}.emotion-save-btn{background:linear-gradient(135deg, var(--accent-rose), var(--accent-purple));color:#fff;-webkit-tap-highlight-color:transparent;border-radius:20px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .3s}.emotion-save-btn:active{transform:scale(.97)}.emotion-saved{color:var(--text-secondary);margin-top:12px;font-size:13px;font-style:italic;animation:.3s ease-out fadeSlideIn}.landscape,.landscape-empty{text-align:center;background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-radius:20px;padding:20px}.landscape-empty-text{color:var(--text-secondary);margin-bottom:4px;font-family:Playfair Display,Georgia,serif;font-size:14px;font-style:italic}.landscape-empty-hint{color:var(--text-muted);font-size:11px}.landscape-title{color:var(--text-primary);margin-bottom:2px;font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:400}.landscape-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:11px}.landscape-bars{flex-direction:column;gap:8px;display:flex}.landscape-row{align-items:center;gap:10px;animation:.4s ease-out both fadeSlideIn;display:flex}.landscape-label{text-align:left;align-items:center;gap:4px;min-width:90px;display:flex}.landscape-icon{font-size:14px}.landscape-name{color:var(--text-secondary);font-size:11px;font-weight:500}.landscape-bar-track{background:#ffffff0a;border-radius:3px;flex:1;height:6px;overflow:hidden}.landscape-bar-fill{border-radius:3px;height:100%;transition:width .8s}.landscape-count{text-align:right;min-width:20px;font-size:12px;font-weight:600}.landscape-insight{color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:14px;padding-top:12px;font-size:12px;font-style:italic}.dq-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#32145066,#190a3299);border:1px solid #a855f726;border-radius:20px;padding:28px 24px 20px;transition:all .4s;animation:.5s ease-out fadeSlideIn;position:relative;overflow:hidden}.dq-card:active{transform:scale(.98)}.dq-card:hover{border-color:#a855f74d;box-shadow:0 0 30px #a855f71a}.dq-glow{pointer-events:none;background:radial-gradient(circle,#a855f714,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-30%}.dq-corner{color:#a855f740;pointer-events:none;font-size:10px;position:absolute}.dq-corner-tl{top:10px;left:12px}.dq-corner-br{bottom:10px;right:12px}.dq-sparkle{color:#a855f74d;pointer-events:none;animation:4s ease-in-out infinite dq-float;position:absolute}.dq-sparkle-1{font-size:8px;animation-delay:0s;top:20%;right:15%}.dq-sparkle-2{font-size:12px;animation-delay:1.5s;top:60%;right:8%}.dq-sparkle-3{font-size:6px;animation-delay:3s;bottom:25%;left:10%}@keyframes dq-float{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-8px)scale(1.3)}}.dq-badge{align-items:center;gap:6px;margin-bottom:16px;display:flex}.dq-badge-icon{font-size:18px}.dq-badge-text{text-transform:uppercase;letter-spacing:2px;color:var(--accent-purple);font-size:10px;font-weight:700}.dq-badge-day{color:#a855f766;margin-left:auto;font-size:10px;font-weight:500}.dq-body{z-index:1;position:relative}.dq-text{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:19px;font-style:italic;line-height:1.55}.dq-footer{margin-top:16px}.dq-divider{align-items:center;gap:10px;margin-bottom:10px;display:flex}.dq-divider:before,.dq-divider:after{content:"";background:linear-gradient(90deg,#0000,#a855f726,#0000);flex:1;height:1px}.dq-divider-dot{color:#a855f766;font-size:8px}.dq-hint{color:var(--text-muted);text-align:center;font-size:11px;font-style:italic;transition:color .3s}.dq-card:hover .dq-hint{color:var(--accent-purple)}.lf-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#3c280a4d,#1e120580);border:1px solid #f5c5421f;border-radius:20px;padding:28px 24px 20px;transition:all .4s;animation:.5s ease-out fadeSlideIn;position:relative;overflow:hidden}.lf-card:active{transform:scale(.98)}.lf-card:hover,.lf-card.lf-expanded{border-color:#f5c54240;box-shadow:0 0 30px #f5c54214}.lf-pattern{pointer-events:none;background:radial-gradient(circle at 80% 20%,#f5c54208 0%,#0000 50%),radial-gradient(circle at 20% 80%,#f5c54205 0%,#0000 50%);position:absolute;inset:0}.lf-orb{pointer-events:none;background:radial-gradient(circle,#f5c5420f,#0000 70%);border-radius:50%;width:120px;height:120px;animation:5s ease-in-out infinite lf-orb-pulse;position:absolute;top:-40px;right:-40px}@keyframes lf-orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lf-badge{z-index:1;align-items:center;gap:6px;margin-bottom:14px;display:flex;position:relative}.lf-badge-icon{font-size:20px}.lf-badge-text{text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);font-size:10px;font-weight:700}.lf-body{z-index:1;position:relative}.lf-text{color:var(--text-primary);font-size:15px;line-height:1.65}.lf-source-wrap{z-index:1;margin-top:14px;position:relative}.lf-source-line{background:linear-gradient(90deg,#f5c54226,#0000);height:1px;margin-bottom:10px}.lf-source{color:#f5c54299;align-items:center;gap:6px;font-size:11px;font-style:italic;display:flex}.lf-source-icon{font-size:12px}.lf-tap-hint{text-align:center;color:var(--text-muted);opacity:.6;margin-top:12px;font-size:10px;font-style:italic;transition:all .3s}.lf-card:hover .lf-tap-hint{color:var(--accent-gold);opacity:1}.quiz-card{background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-left:3px solid #34d399;border-radius:16px;padding:20px;animation:.5s ease-out fadeSlideIn}.quiz-header{align-items:center;gap:6px;margin-bottom:14px;display:flex}.quiz-icon{font-size:16px}.quiz-label{text-transform:uppercase;letter-spacing:1.5px;color:#34d399;flex:1;font-size:10px;font-weight:600}.quiz-progress{color:var(--text-muted);font-size:11px}.quiz-question{color:var(--text-primary);margin-bottom:14px;font-family:Playfair Display,Georgia,serif;font-size:16px;line-height:1.5}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{color:var(--text-secondary);text-align:left;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .2s}.quiz-option:hover,.quiz-option:active{background:#ffffff0f;border-color:#ffffff26}.quiz-option.correct{color:#34d399;background:#34d39926;border-color:#34d399}.quiz-option.wrong{border-color:var(--accent-rose);color:var(--accent-rose);background:#e8527a26}.quiz-result{text-align:center;padding:8px 0}.quiz-score{background:linear-gradient(135deg, #34d399, var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:700}.quiz-result-text{color:var(--text-secondary);margin-top:4px;font-size:13px;font-style:italic}.personality-view{flex-direction:column;gap:16px;padding-bottom:40px;display:flex}.pm-header{text-align:center;margin-bottom:8px}.pm-header-icon{margin-bottom:6px;font-size:32px}.pm-title{color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:400}.pm-subtitle{color:var(--text-muted);max-width:280px;margin:0 auto;font-size:12px;font-style:italic;line-height:1.5}.pm-header-progress{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.pm-header-count{color:var(--accent-pink);letter-spacing:.5px;font-size:11px;font-weight:600}.pm-header-dots{align-items:center;gap:24px;display:flex;position:relative}.pm-header-dots:before{content:"";z-index:0;background:#ffffff14;height:1px;position:absolute;top:50%;left:20%;right:20%}.pm-header-dot{z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:relative}.pm-header-dot.pm-dot-done{border-color:var(--accent-rose);background:linear-gradient(135deg,#e8527a33,#a855f726);box-shadow:0 0 10px #e8527a33}.pm-dot-num{color:var(--text-muted);font-size:10px;font-weight:700}.pm-dot-done .pm-dot-num{color:var(--accent-pink)}.pm-unlocked{position:relative}.pm-new-badge{text-transform:uppercase;letter-spacing:1px;color:#1a0f2e;background:linear-gradient(135deg, var(--accent-gold), #f59e0b);border-radius:8px;padding:2px 8px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite new-pulse;position:absolute;top:12px;right:14px}@keyframes new-pulse{0%,to{box-shadow:0 0 8px #f5c5424d}50%{box-shadow:0 0 16px #f5c54299}}.pm-locked{text-align:center;background:linear-gradient(145deg,#140e23b3,#0f0a19cc);border:1px dashed #ffffff14;border-radius:20px;padding:32px 24px;animation:.5s ease-out both fadeSlideIn;position:relative;overflow:hidden}.pm-locked-glow{pointer-events:none;background:radial-gradient(circle,#a855f70f,#0000 70%);width:150px;height:150px;animation:4s ease-in-out infinite lf-orb-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pm-locked-icon{opacity:.6;filter:grayscale(40%);margin-bottom:10px;font-size:36px}.pm-locked-title{color:var(--text-secondary);margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:400}.pm-locked-teaser{color:var(--text-muted);max-width:260px;margin:0 auto 16px;font-size:13px;font-style:italic;line-height:1.5}.pm-locked-progress{flex-direction:column;align-items:center;gap:6px;display:flex}.pm-locked-bar{background:#ffffff0d;border-radius:2px;width:140px;height:4px;overflow:hidden}.pm-locked-bar-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-purple));border-radius:2px;height:100%;transition:width .8s}.pm-locked-count{color:var(--accent-pink);letter-spacing:.3px;font-size:10px;font-weight:500}.pm-section{background:linear-gradient(145deg,#1e143280,#140c2399);border:1px solid #ffffff0d;border-radius:20px;padding:20px;animation:.5s ease-out both fadeSlideIn}.pm-section-title{color:var(--text-primary);text-align:center;margin-bottom:14px;font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:400}.pm-ll-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pm-ll-card{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.pm-ll-emoji{font-size:24px}.pm-ll-name{color:var(--text-secondary);font-size:12px;font-weight:600}.pm-ll-icon{margin:4px 0;font-size:20px}.pm-ll-lang{color:var(--accent-pink);text-align:center;font-size:11px;font-weight:600}.pm-ll-desc{color:var(--text-muted);text-align:center;margin-top:4px;font-size:10px;line-height:1.4}.pm-attach-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pm-attach-card{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.pm-attach-emoji{font-size:24px}.pm-attach-name{color:var(--text-secondary);font-size:12px;font-weight:600}.pm-attach-style{margin:2px 0;font-size:14px;font-weight:700}.pm-attach-desc{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.4}.pm-mbti-row{align-items:flex-start;gap:10px;display:flex}.pm-mbti-person{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.pm-mbti-emoji{font-size:28px}.pm-mbti-type{color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700}.pm-mbti-heart{color:var(--accent-rose);margin-top:30px;font-size:16px;animation:2s ease-in-out infinite heartbeat}.pm-traits{flex-direction:column;gap:6px;width:100%;display:flex}.pm-trait{align-items:center;gap:6px;display:flex}.pm-trait-name{color:var(--text-muted);text-align:right;min-width:48px;font-size:9px}.pm-trait-bar{background:#ffffff0d;border-radius:2px;flex:1;height:4px;overflow:hidden}.pm-trait-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-purple));border-radius:2px;height:100%;transition:width .8s}.pm-trait-fill-alt{background:linear-gradient(90deg, var(--accent-gold), #34d399)}.pm-quiz-stats{flex-direction:column;align-items:center;gap:8px;display:flex}.pm-quiz-ring{width:70px;height:70px;position:relative}.pm-quiz-ring svg{width:100%;height:100%}.pm-quiz-pct{color:#34d399;justify-content:center;align-items:center;font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.pm-quiz-label{color:var(--text-muted);font-size:11px}.lock-screen{background:linear-gradient(170deg,#0f0a1a 0%,#1a0f2e 40%,#150a20 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.lock-unlocking{animation:1.2s forwards lock-fadeout}@keyframes lock-fadeout{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.1)}}.lock-particles{pointer-events:none;position:fixed;inset:0;overflow:hidden}.lock-floating-heart{color:var(--accent-pink);opacity:0;animation:linear infinite float-heart;position:absolute;bottom:-20px}@keyframes float-heart{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:var(--float-opacity,.2)}90%{opacity:var(--float-opacity,.2)}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.lock-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:fixed}.lock-orb-1{background:#e8527a1f;width:300px;height:300px;animation:8s ease-in-out infinite alternate orb-drift;top:-100px;right:-80px}.lock-orb-2{background:#a855f71a;width:250px;height:250px;animation:10s ease-in-out infinite alternate-reverse orb-drift;bottom:-60px;left:-60px}.lock-orb-3{background:#f5c5420f;width:200px;height:200px;animation:12s ease-in-out infinite alternate orb-drift;top:40%;left:50%;transform:translate(-50%)}@keyframes orb-drift{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}.lock-content{z-index:1;opacity:0;width:100%;max-width:380px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(30px)}.lock-content.lock-mounted{opacity:1;transform:translateY(0)}.lock-letter{position:relative}.lock-seal{background:linear-gradient(135deg, var(--accent-rose), #c23d63);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:3s ease-in-out infinite seal-pulse;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #e8527a66}@keyframes seal-pulse{0%,to{box-shadow:0 4px 20px #e8527a66}50%{box-shadow:0 4px 30px #e8527a99,0 0 60px #e8527a33}}.lock-seal-heart{color:#fff;font-size:20px;animation:2s ease-in-out infinite heartbeat}.lock-letter-body{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);text-align:center;background:linear-gradient(170deg,#1e1432e6,#140c23f2);border:1px solid #e8527a26;border-radius:24px;padding:48px 28px 32px}.lock-letter-body.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.lock-wordplay{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin-bottom:20px;display:flex}.lock-word{opacity:0;font-family:Playfair Display,Georgia,serif;animation:.6s forwards word-appear}.lock-word-1{color:var(--text-muted);font-size:18px;font-style:italic;animation-delay:.3s}.lock-word-2{background:linear-gradient(135deg, var(--accent-pink), var(--accent-rose), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;line-height:1.1;animation-delay:.6s}.lock-word-3{color:var(--text-muted);font-size:18px;font-style:italic;animation-delay:.9s}.lock-word-4{color:var(--accent-gold);text-shadow:0 0 30px #f5c5424d;font-size:28px;font-style:italic;font-weight:400;animation-delay:1.2s}@keyframes word-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lock-divider{opacity:0;align-items:center;gap:12px;margin-bottom:20px;animation:.6s 1.4s forwards word-appear;display:flex}.lock-divider:before,.lock-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--glass-border), transparent);flex:1;height:1px}.lock-divider-heart{color:var(--accent-rose);opacity:.5;font-size:10px}.lock-message{color:var(--text-secondary);opacity:0;margin-bottom:8px;font-size:14px;line-height:1.7;animation:.6s 1.6s forwards word-appear}.lock-signature{color:var(--text-muted);opacity:0;margin-bottom:28px;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic;animation:.6s 1.8s forwards word-appear}.lock-form-inner{opacity:0;animation:.6s 2s forwards word-appear}.lock-input-wrap{margin-bottom:12px}.lock-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);text-align:center;letter-spacing:2px;-webkit-appearance:none;background:#ffffff0a;border-radius:16px;outline:none;padding:14px 20px;font-family:inherit;font-size:16px;transition:all .3s}.lock-input:focus{border-color:var(--accent-rose);background:#e8527a0a;box-shadow:0 0 20px #e8527a1a}.lock-input::placeholder{color:var(--text-muted);letter-spacing:1px;font-style:italic}.lock-submit{background:linear-gradient(135deg, var(--accent-rose), var(--accent-purple));color:#fff;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.lock-submit:hover,.lock-submit:active{transform:scale(1.02);box-shadow:0 4px 24px #e8527a59}.lock-submit:active{transform:scale(.98)}.lock-submit-icon{font-size:16px;animation:2s ease-in-out infinite heartbeat}.lock-error{color:var(--accent-rose);margin-top:12px;font-size:13px;font-style:italic;animation:.3s word-appear}.lock-hint{text-align:center;color:var(--text-muted);opacity:0;letter-spacing:1px;margin-top:20px;font-size:12px;animation:.6s 2.4s forwards word-appear}@media (width<=480px){.lock-screen{padding:16px}.lock-letter-body{padding:44px 20px 28px}.lock-word-2{font-size:36px}.lock-word-4{font-size:24px}.lock-message{font-size:13px}.nav{padding:6px 8px}.nav-inner{gap:1px;padding:2px}.nav-btn{gap:3px;padding:8px 6px}.nav-icon{font-size:12px}.nav-label{font-size:10px}.main-content{padding:16px 12px 100px}.day-header{padding:0 8px}.day-label{font-size:12px}.day-number{font-size:22px}.reason-text{font-size:16px}.reason-emoji{font-size:30px}.card-flip{max-width:300px}.card-inner{padding-top:140%}.card-heart{font-size:48px}.envelope{max-width:300px}.bloom-container{width:240px;height:240px}.bloom-center{width:150px;height:150px}.bloom-center .reason-text{font-size:12px}.bloom-center .reason-emoji{font-size:20px}.petal{width:60px;height:90px}.lantern-body{width:170px;min-height:220px;padding:20px}.bottle-glass{width:150px;min-height:240px;padding:20px}.gift-box{max-width:300px}.gift-body{min-height:180px;padding:28px 20px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px}.cal-day{border-radius:6px;font-size:10px}.calendar-title{font-size:24px}.fav-card{gap:10px;padding:12px}.fav-text{font-size:13px}.fav-emoji{font-size:18px}.fav-title{font-size:24px}.day-nav{flex-wrap:wrap;justify-content:center}.day-nav-btn{padding:6px 12px;font-size:12px}.fav-btn{padding:8px 20px;font-size:13px}.progress-strip{padding:6px 16px}.progress-text{font-size:11px}.garden{height:50px}.flower-head{width:6px;height:6px}}@media (width<=360px){.lock-word-2{font-size:30px}.lock-word-4{font-size:20px}.lock-wordplay{gap:6px}.lock-letter-body{padding:40px 16px 24px}.card-flip,.envelope,.gift-box{max-width:260px}.bloom-container{width:210px;height:210px}.bloom-center{width:130px;height:130px}}@supports (padding:env(safe-area-inset-bottom)){.garden{padding-bottom:env(safe-area-inset-bottom)}.nav{padding-top:max(12px, env(safe-area-inset-top))}}