:root{font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1d1d1d;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100vw;min-height:100vh;margin:0;padding:0;text-align:center}.app-nav{position:sticky;top:0;z-index:80;display:flex;align-items:stretch;justify-content:space-between;width:100%;box-sizing:border-box;margin:0;background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(220,180,198,.8);border-radius:0;padding:.5rem 1rem;box-shadow:0 12px 28px #7523461f}.nav-left,.nav-right{display:flex;align-items:center}.nav-left{gap:.45rem}.nav-right{gap:.55rem}.nav-btn{border:1px solid rgba(191,148,169,.5);border-radius:999px;padding:.45rem .9rem;background:linear-gradient(180deg,#fff5f9,#ffeaf3);color:#7c1f48;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #75234624;border-color:#b4688db8}.nav-btn-home{padding-inline:1.05rem}.nav-btn-calendar{background:linear-gradient(180deg,#ffeaf3,#ffdce9);color:#6f1b41}.nav-btn-danger{background:linear-gradient(180deg,#ffe9ee,#ffdce5);color:#992241}.nav-avatar-wrap{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;cursor:pointer}.nav-avatar-input{display:none}.nav-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,198,222,.95);box-shadow:0 6px 14px #7f1b4433}.nav-avatar-fallback{display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#ffd9e9,#ffc7dd);color:#c72f62;font-size:1.2rem;font-weight:700}.nav-user-name{position:relative;color:#6f2144;font-family:Didot,"Bodoni 72",serif;font-size:1.05rem;letter-spacing:.01em;cursor:default;padding:0 .1rem}.nav-user-tooltip{position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%);white-space:nowrap;padding:.34rem .56rem;border-radius:10px;background:#59203a;color:#fff;font-size:.78rem;opacity:0;pointer-events:none;transition:opacity .16s ease}.nav-user-name:hover .nav-user-tooltip,.nav-user-name:focus .nav-user-tooltip{opacity:1}@media(max-width:640px){.app-nav{padding:.4rem .6rem}.nav-btn{padding:.35rem .72rem}.nav-user-name{font-size:.95rem}}.start-screen{min-height:100vh;width:100%;display:grid;place-items:center;padding:clamp(.8rem,2vw,1.4rem);box-sizing:border-box;background:linear-gradient(180deg,#f8f8fa,#f0f1f3);position:relative;overflow:hidden}.start-float-heart{position:absolute;color:#e32134c7;font-size:clamp(2rem,5vw,3.2rem);pointer-events:none}.start-float-heart-left{top:2.5rem;left:8%}.start-float-heart-right{top:4rem;right:8%;color:#e321343d}.unlock-card{width:min(860px,94vw);min-height:min(86vh,900px);border:2px solid #f0c7d1;border-radius:22px;background:#fff;box-shadow:0 28px 60px #4f303c1f;padding:clamp(1.2rem,2.8vw,2.3rem);display:grid;align-content:center;justify-items:center;gap:.6rem}.unlock-icon{width:clamp(86px,10vw,114px);height:clamp(86px,10vw,114px);border-radius:999px;display:grid;place-items:center;font-size:clamp(2.2rem,4vw,3rem);color:#e12436;background:#f2dde1bf}.unlock-card h1{margin:.6rem 0 0;font-size:clamp(2rem,4.5vw,3.5rem);font-family:Didot,"Bodoni 72",serif;color:#101010}.unlock-card>p{margin:0;font-size:clamp(1rem,2.1vw,1.5rem);color:#7c5b6b;font-weight:600}.unlock-form{width:min(700px,100%);margin-top:1.1rem;display:grid;gap:.8rem;text-align:left}.unlock-form label{font-size:clamp(1.2rem,2vw,1.9rem);color:#111;font-family:Didot,"Bodoni 72",serif;font-weight:700}.unlock-form input{width:100%;box-sizing:border-box;border-radius:12px;border:2px solid #f2c8d1;padding:1rem 1.1rem;font-size:clamp(1.1rem,1.8vw,1.75rem);color:#4f2f3f;background:#fff}.unlock-form input:focus{outline:none;border-color:#e12638;box-shadow:0 0 0 3px #e1263826}.unlock-form button{margin-top:.8rem;border-radius:999px;border:none;background:#e51e2a;color:#fff;font-size:clamp(1.2rem,2.2vw,2rem);font-family:Didot,"Bodoni 72",serif;font-weight:700;padding:1rem 1.4rem;box-shadow:0 14px 24px #ad163047}.unlock-form button:disabled{cursor:not-allowed;opacity:.6}.unlock-status{color:#6f5d66;font-size:.95rem;margin-top:.6rem}.unlock-error{color:#c3142b;font-size:.95rem;font-weight:700}.media-display{display:block;width:min(92vw,720px);max-height:62vh;margin:0 auto .75rem;border-radius:34px;border:2px solid var(--media-border-color, rgba(255, 196, 224, .85));object-fit:contain;box-shadow:0 10px 28px var(--media-drop-color, rgba(255, 120, 180, .28)),0 0 0 6px var(--media-ring-color, rgba(255, 225, 238, .6)),0 0 26px var(--media-aura-color, rgba(255, 138, 196, .5))}.screen-curtain-overlay{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden;background:radial-gradient(circle at center,#ffbadc29,#4600104d 70%)}.curtain-heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:clamp(2.2rem,7vw,4rem);color:#fff7fb;text-shadow:0 0 10px rgba(255,255,255,.95),0 0 22px rgba(255,141,200,.95);animation:heart-loading 1s ease-in-out infinite}.curtain{position:absolute;top:0;width:51%;height:100%;z-index:1;background:linear-gradient(90deg,#620016f7,#a1082ef5 34%,#7a0022f5),repeating-linear-gradient(90deg,#ffffff21 0 7px,#00000014 7px 15px),linear-gradient(180deg,#ffecc84d,#ffecc800 14%);box-shadow:inset -14px 0 26px #0000004d,inset 0 -22px 40px #2d000a73,0 0 18px #ff78b947;border-top:2px solid rgba(255,221,173,.48)}.curtain-left{left:0;transform-origin:left center;animation:curtain-left-open 3s cubic-bezier(.25,.8,.25,1) forwards}.curtain-right{right:0;transform-origin:right center;animation:curtain-right-open 3s cubic-bezier(.25,.8,.25,1) forwards}.video-reveal{animation:video-reveal 1.6s ease-out forwards}@keyframes heart-loading{0%{transform:scale(.8);opacity:.55}50%{transform:scale(1.15);opacity:1}to{transform:scale(.8);opacity:.55}}@keyframes video-reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes curtain-left-open{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes curtain-right-open{0%{transform:translate(0)}to{transform:translate(100%)}}.love-message{margin:.25rem 0 1.25rem}.back-to-dashboard{position:relative;z-index:6;padding:.62rem 1.25rem;border-radius:999px;border:1px solid rgba(255,205,228,.9);background:#ffffffed;color:#9c164e;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #9c164e29;margin:.2rem auto .75rem;display:inline-block}.home-hub-view{min-height:100vh;box-sizing:border-box;padding:clamp(1rem,2.5vw,2rem);background:#f7f2f5;position:relative;overflow:hidden}.home-petals{position:absolute;inset:0;pointer-events:none}.home-petals span{position:absolute;width:18px;height:24px;background:#e8a4ba80;border-radius:60% 40%}.home-petals span:nth-child(1){top:8%;left:2%}.home-petals span:nth-child(2){top:22%;left:12%}.home-petals span:nth-child(3){top:10%;right:8%}.home-petals span:nth-child(4){top:36%;left:35%}.home-petals span:nth-child(5){top:44%;right:32%}.home-petals span:nth-child(6){top:62%;left:8%}.home-petals span:nth-child(7){top:66%;right:14%}.home-petals span:nth-child(8){top:80%;left:24%}.home-petals span:nth-child(9){top:84%;right:4%}.home-petals span:nth-child(10){top:52%;right:2%}.home-petals span:nth-child(11){top:74%;left:48%}.home-petals span:nth-child(12){top:30%;right:46%}.home-hub-cards{position:relative;z-index:1;width:min(1300px,100%);margin:1.5rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.home-hub-card{background:#fff;border:1px solid rgba(206,190,198,.62);border-radius:22px;padding:1.35rem 1.1rem 1.25rem;box-shadow:0 10px 22px #5f465014}.home-hub-icon{width:72px;height:72px;margin:0 auto .8rem;border-radius:999px;display:grid;place-items:center;font-size:2rem;background:#f4e4eb}.home-hub-card h3{margin:.2rem 0 .55rem;font-size:2rem;font-family:Didot,"Bodoni 72",serif;color:#2e1f26}.home-hub-card p{margin:0;color:#6f5f66;font-size:1.4rem;line-height:1.45}.home-card-open{margin-top:.9rem;border:1px solid rgba(200,145,168,.68);background:#fff4f8;color:#7b2b4d;border-radius:999px;padding:.35rem .85rem;font-weight:700;cursor:pointer}.home-card-note{display:block;margin-top:.55rem;color:#8b576f;font-size:.92rem;line-height:1.35}.home-card-modal-backdrop{position:fixed;inset:0;z-index:90;background:#2f1b2359;display:grid;place-items:center;padding:1rem}.home-card-modal{width:min(580px,100%);background:#fff;border-radius:18px;border:1px solid rgba(200,145,168,.45);box-shadow:0 18px 42px #391e2840;padding:1rem;text-align:left;display:grid;gap:.8rem}.home-card-modal h3{margin:0;color:#3e2430;font-family:Didot,"Bodoni 72",serif}.home-card-modal textarea{width:100%;box-sizing:border-box;border:1px solid rgba(200,145,168,.65);border-radius:10px;padding:.6rem .7rem;font-size:1rem;font-family:inherit;color:#4f3842;background:#fffdfd;resize:vertical}.home-card-modal-actions{display:flex;gap:.45rem;justify-content:flex-end}.home-card-modal-actions button{border:1px solid rgba(187,132,158,.7);border-radius:999px;background:#ffeaf3;color:#7b2b4d;padding:.32rem .8rem;font-weight:700;cursor:pointer}.home-card-modal-actions .home-card-cancel{background:#fff}.love-countdown{position:relative;z-index:1;margin:11rem auto 0;width:min(1120px,100%)}.love-countdown h2{margin:0;color:#2f1f27;font-family:Didot,"Bodoni 72",serif;font-size:clamp(1.8rem,3.7vw,3.3rem)}.love-countdown p{margin:.7rem 0 1.5rem;color:#7c6a72;font-size:clamp(1rem,1.8vw,1.35rem)}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.countdown-box{background:#fff;border:1px solid rgba(206,190,198,.62);border-radius:20px;min-height:150px;display:grid;place-items:center;box-shadow:0 10px 22px #5f465014}.countdown-box strong{font-size:clamp(2rem,4.5vw,3.9rem);color:#d34578;line-height:1}.countdown-box span{margin-top:-.4rem;font-size:clamp(.95rem,1.6vw,1.2rem);color:#7f6974;letter-spacing:.06em;font-weight:700}.dashboard-view{min-height:100vh;height:100vh;box-sizing:border-box;padding:clamp(1rem,2.5vw,2rem);display:grid;grid-template-rows:auto 1fr;gap:1rem;background:radial-gradient(circle at top,#ffe7f4f2,#ffd6ebbf 40%,#ffecf5e6)}.dashboard-header{text-align:center}.dashboard-title{margin:0;color:#7f1840;font-size:clamp(1.6rem,3.2vw,2.4rem);font-family:Didot,"Bodoni 72",Times New Roman,serif;letter-spacing:.03em;font-weight:600}.dashboard-subtitle{margin:.45rem 0 0;color:#95355f;font-size:clamp(.92rem,1.8vw,1.05rem);font-family:Snell Roundhand,Brush Script MT,Lucida Handwriting,cursive;font-size:clamp(1rem,2.1vw,1.25rem);letter-spacing:.02em}.year-grid{width:min(1200px,100%);height:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);gap:clamp(.65rem,1.4vw,1rem)}.year-card{width:100%;height:100%;text-align:left;padding:clamp(.9rem,2vw,1.2rem);border-radius:20px;border:1px solid rgba(189,52,104,.2);background:#ffffffdb;box-shadow:0 10px 22px #7b1f4a1f;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:year-card-in .42s ease both}.year-card h2{margin:0;color:#821c47;font-size:clamp(1rem,2.5vw,1.25rem);font-family:Didot,"Bodoni 72",Times New Roman,serif;letter-spacing:.02em;font-weight:600}.year-card-coming{border-color:#bf3f5c73;background:linear-gradient(135deg,#fffcfaf2,#ffdddde6);cursor:default}.year-card-coming p{margin:.45rem 0 0;color:#bf3f5c;font-weight:700;font-family:Snell Roundhand,Brush Script MT,Lucida Handwriting,cursive;font-size:clamp(1.05rem,2vw,1.2rem)}.year-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 14px 30px #7b1f4a33;border-color:#b51f6173}.year-card:active{transform:translateY(-1px) scale(.99)}.year-card-active{border-color:#b51f61ad;box-shadow:0 16px 36px #9c18583d,0 0 0 2px #ffcee7bf inset;background:linear-gradient(145deg,#fff8fcf2,#ffe1f0eb)}@keyframes year-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.home-hub-cards,.countdown-grid,.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.home-hub-cards{grid-template-columns:1fr;margin-top:1rem}.home-hub-card h3{font-size:1.7rem}.home-hub-card p{font-size:1.15rem}.love-countdown{margin-top:5.2rem}.countdown-grid{grid-template-columns:1fr}.dashboard-view{padding:.7rem}.year-grid{grid-template-columns:1fr;grid-auto-rows:minmax(92px,1fr)}}.love-message-yes{font-family:Snell Roundhand,Brush Script MT,Lucida Handwriting,cursive;display:inline-block;padding:.2rem .35rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:400;letter-spacing:.02em;font-style:italic;color:#fff;text-shadow:0 0 8px rgba(255,182,214,1),0 0 18px rgba(255,130,190,.95),0 0 30px rgba(255,92,176,.85)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes yes-shake{0%{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(-50%,-50%) rotate(-2deg)}40%{transform:translate(-50%,-50%) rotate(2deg)}60%{transform:translate(-50%,-50%) rotate(-2deg)}80%{transform:translate(-50%,-50%) rotate(2deg)}to{transform:translate(-50%,-50%) rotate(0)}}.yes-shake{animation:yes-shake .6s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.yes-shake{animation:none}}.floating-hearts-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.button-stage{margin-top:.6rem}.floating-heart{position:absolute;animation:float linear infinite}.floating-heart-icon{color:var(--heart-color, #ff6b9a)}.button-stage{isolation:isolate}.main-view{min-height:100vh;display:flex;flex-direction:column}.main-stage{flex:1;width:min(100%,1200px);margin:0 auto;padding:clamp(.7rem,2vw,1.3rem) 1rem 1.6rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.heart-burst-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.heart-burst{position:absolute;transform:translate(-50%,-50%) scale(.6);color:var(--heart-burst-color, #ff4f87);line-height:1;opacity:0;animation-name:heart-burst;animation-timing-function:ease-out;animation-fill-mode:forwards;text-shadow:0 4px 8px var(--heart-burst-shadow-color, rgba(255, 79, 135, .35))}@keyframes heart-burst{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15);opacity:0}}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media(prefers-reduced-motion:reduce){.floating-heart{animation:none}.heart-burst{animation:none;opacity:0}}