:root{--paper:oklch(97.2% .014 74);--paper-2:oklch(99.5% .006 74);--paper-sunk:oklch(95.5% .018 72);--ink:oklch(29% .028 42);--ink-soft:oklch(47% .022 46);--ink-faint:oklch(62% .016 50);--rose:oklch(53% .16 18);--rose-deep:oklch(44% .15 18);--rose-tint:oklch(95% .028 24);--rose-tint-2:oklch(90% .04 22);--gold:oklch(74% .085 74);--line:oklch(88% .018 54);--line-strong:oklch(82% .024 40);--shadow-sm:0 1px 2px oklch(40% .03 40/.06), 0 2px 6px oklch(40% .03 40/.05);--shadow-md:0 4px 10px oklch(40% .03 40/.07), 0 10px 26px oklch(40% .03 40/.08);--shadow-rose:0 6px 18px oklch(53% .16 18/.22);--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Fraunces", ui-serif, Georgia, serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{-webkit-overflow-scrolling:touch;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);background-image:radial-gradient(120% 80% at 50% -10%, var(--rose-tint) 0%, transparent 45%), radial-gradient(90% 60% at 100% 110%, oklch(96% .02 78) 0%, transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;background-attachment:fixed;line-height:1.5}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.1}p{margin:0}button{font-family:inherit}input,button{font-size:16px}::selection{background:var(--rose-tint-2);color:var(--ink)}.app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 34px) 20px calc(env(safe-area-inset-bottom) + 56px)}.sheet{flex-direction:column;gap:44px;width:100%;max-width:440px;margin:0 auto;display:flex}.section-eyebrow{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--rose);justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-size:.72rem;font-weight:600;display:flex}.section-eyebrow:before,.section-eyebrow:after{content:"";background:linear-gradient(to var(--_dir,right), var(--line-strong), transparent);width:34px;height:1px}.section-eyebrow:before{--_dir:left}.btn{border-radius:var(--r-pill);font-family:var(--font-ui);cursor:pointer;transition:transform .4s var(--ease), background-color .25s var(--ease), box-shadow .3s var(--ease), border-color .25s var(--ease);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.btn-primary{background:var(--rose);color:var(--paper-2);box-shadow:var(--shadow-rose)}.btn-primary:hover{background:var(--rose-deep)}.btn-ghost{color:var(--rose);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--rose-tint);border-color:var(--rose)}.btn-subtle{background:var(--paper-sunk);color:var(--ink-soft)}.btn-subtle:hover{background:var(--line)}.btn-dashed{background:var(--paper-2);width:100%;color:var(--rose);border:2px dashed var(--rose);box-shadow:var(--shadow-sm);padding:15px}.btn-dashed:hover{background:var(--rose-tint)}.btn-block{width:100%}.btn-icon{border-radius:var(--r-pill);width:34px;height:34px;color:var(--ink-faint);cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), transform .4s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.btn-icon:hover{background:var(--rose-tint);color:var(--rose)}.btn-icon:active{transform:scale(.9)}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.02em;color:var(--ink-soft);padding-left:2px;font-size:.78rem;font-weight:600}.input{border-radius:var(--r-md);border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-ui);transition:border-color .25s var(--ease), box-shadow .25s var(--ease);padding:13px 15px}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-tint);outline:none}.input:disabled{opacity:.6}.file-field{border-radius:var(--r-md);border:1px dashed var(--line-strong);background:var(--paper-sunk);color:var(--ink-soft);cursor:pointer;transition:border-color .25s var(--ease), background-color .25s var(--ease);align-items:center;gap:12px;padding:13px 15px;font-size:.9rem;display:flex}.file-field:hover{border-color:var(--rose);background:var(--rose-tint)}.file-field input{display:none}.file-field .fa-icon{color:var(--rose)}.file-field.has-file{border-style:solid;border-color:var(--rose);color:var(--ink)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 200px);display:flex}.pinned{z-index:4;background:var(--paper-2);box-shadow:var(--shadow-md);cursor:pointer;transform:rotate(var(--rot,0deg));transition:transform .45s var(--ease), box-shadow .3s var(--ease);animation:rise .5s var(--ease) both;-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;margin:0;padding:6px 6px 13px;position:absolute}.pinned:hover{box-shadow:var(--shadow-md), 0 14px 26px oklch(40% .03 40/.16);z-index:6;transform:rotate(0)scale(1.08)}.pinned:focus-visible{outline:2px solid var(--rose);outline-offset:3px;z-index:6}.hero-photo .pinned img{aspect-ratio:auto;object-fit:cover;border-radius:2px;width:68px;max-width:none;height:68px;display:block}.pin{background:radial-gradient(circle at 34% 30%, oklch(72% .17 22), var(--rose-deep) 78%);z-index:2;border-radius:50%;width:15px;height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px oklch(30% .05 30/.4),inset 0 1px 1.5px oklch(100% 0 0/.55)}.pin:after{content:"";transform-origin:top;background:linear-gradient(oklch(30% .04 40/.35),#0000);border-radius:2px;width:2px;height:9px;position:absolute;top:11px;left:50%;transform:translate(-50%)rotate(6deg)}.hero-photo{background:var(--paper-2);box-shadow:var(--shadow-md);border-radius:8px;margin-bottom:30px;padding:12px 12px 14px;position:relative;transform:rotate(-1.4deg)}.hero-photo:after{content:""}.hero-photo img{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:100%;max-width:250px;height:auto;display:block}.hero-seal{border-radius:var(--r-pill);background:var(--rose);width:40px;height:40px;color:var(--paper-2);box-shadow:var(--shadow-rose);place-items:center;font-size:1rem;display:grid;position:absolute;top:-14px;right:-12px;transform:rotate(6deg)}.hero-count{justify-content:center;align-items:baseline;gap:12px;display:flex}.hero-number{font-family:var(--font-display);font-optical-sizing:auto;color:var(--rose);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(4.2rem,26vw,6rem);font-weight:600;line-height:.9}.hero-label{font-family:var(--font-display);color:var(--ink);margin-top:10px;font-size:1.5rem;font-style:italic;font-weight:500}.hero-since{color:var(--ink-faint);letter-spacing:.02em;margin-top:8px;font-size:.82rem}.block-title{text-align:center}.block-title h2{font-size:1.85rem;font-weight:600}.countdown{flex-direction:column;justify-content:center;gap:16px;min-height:calc(100dvh - 200px);display:flex}.countdown-list{flex-direction:column;gap:14px;display:flex}.countdown-card{background:linear-gradient(158deg, var(--rose) 0%, var(--rose-deep) 100%);color:var(--paper-2);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-rose), inset 0 1px 0 oklch(100% 0 0/.16);animation:rise .5s var(--ease) both;padding:20px 20px 16px;position:relative;overflow:hidden}.countdown-card:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% -25%,oklch(100% 0 0/.16),#0000 62%);position:absolute;inset:0}.cd-head{justify-content:center;align-items:center;gap:9px;margin-bottom:16px;display:flex}.cd-head-icon{color:oklch(100% 0 0/.75);font-size:.85rem}.countdown-card h3{color:var(--paper-2);font-size:1.35rem;font-style:italic;font-weight:500}.cd-time{flex-direction:column;align-items:center;gap:12px;display:flex}.cd-tiles{justify-content:center;align-items:baseline;gap:14px;display:flex}.cd-tile{flex-direction:column;align-items:center;gap:2px;min-width:46px;display:flex}.cd-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.cd-lab{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:oklch(100% 0 0/.72);font-size:.6rem;font-weight:600}.cd-big .cd-num{font-size:2.5rem}.cd-clock{border-top:1px solid oklch(100% 0 0/.2);gap:10px;width:100%;padding-top:12px}.cd-clock .cd-num{font-family:var(--font-ui);letter-spacing:.03em;font-size:1.7rem}.cd-arrived{font-family:var(--font-display);justify-content:center;align-items:center;gap:11px;padding:6px 0;font-size:1.45rem;font-style:italic;display:flex}.countdown-card .card-actions{margin-top:16px}.countdown-card .btn-icon{color:oklch(100% 0 0/.75)}.countdown-card .btn-icon:hover{color:var(--paper-2);background:oklch(100% 0 0/.16)}.card-actions{justify-content:center;gap:6px;margin-top:12px;display:flex}.star-toggle{background:var(--paper-sunk);width:100%;color:var(--ink-soft);border:1px solid var(--line)}.star-toggle:hover{background:var(--rose-tint);color:var(--ink)}.star-toggle .fa-icon{color:var(--gold)}.star-toggle.is-on{border-color:var(--gold);color:oklch(42% .06 66);background:oklch(96% .05 82)}.btn-icon.is-star,.btn-icon.is-star:hover{color:var(--gold)}.form-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:rise .4s var(--ease) both;flex-direction:column;gap:14px;padding:22px 20px;display:flex}.form-card h3{text-align:center;margin-bottom:2px;font-size:1.4rem;font-style:italic;font-weight:500}.form-actions{gap:10px;margin-top:4px;display:flex}.form-actions .btn{flex:1}.memories{flex-direction:column;justify-content:center;gap:22px;min-height:calc(100dvh - 200px);display:flex}.memory-list{flex-direction:column;gap:26px;display:flex}.memory-empty{text-align:center;color:var(--ink-faint);font-family:var(--font-display);padding:10px 20px 4px;font-size:1.05rem;font-style:italic}.memory{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);animation:rise .5s var(--ease) both;transition:border-color .3s var(--ease), box-shadow .3s var(--ease);position:relative;overflow:hidden}.memory.is-important{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 8px 22px oklch(74% .085 74/.25)}.memory.memory-flash{animation:flash 1.6s var(--ease)}@keyframes flash{0%,to{box-shadow:var(--shadow-sm)}15%,45%{box-shadow:0 0 0 3px var(--rose), 0 10px 26px oklch(53% .16 18/.3)}}.memory-badge{border-radius:var(--r-pill);background:var(--gold);width:38px;height:38px;color:var(--paper-2);z-index:1;place-items:center;font-size:.95rem;display:grid;position:absolute;top:12px;right:12px;transform:rotate(6deg);box-shadow:0 4px 12px oklch(74% .085 74/.45)}.memory-photo-btn{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;display:block}.memory-photo{object-fit:cover;background:var(--paper-sunk);width:100%;max-height:460px;display:block}.zoomable{cursor:zoom-in}.memory-nophoto{background:var(--rose-tint);height:8px}.memory-body{text-align:center;padding:20px 22px 22px}.memory-name{color:var(--ink);margin-bottom:10px;font-size:1.5rem;font-weight:600}.memory-ago{color:var(--rose);align-items:center;gap:7px;font-size:.95rem;font-weight:600;display:inline-flex}.memory-date{color:var(--ink-faint);letter-spacing:.02em;margin-top:4px;font-size:.8rem}.memory-body .btn-icon{margin-top:12px}.fa-icon{display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);animation:fade .25s var(--ease);background:oklch(20% .02 40/.55);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:380px;max-height:88vh;animation:rise .32s var(--ease);padding:30px 22px 24px;position:relative;overflow-y:auto;box-shadow:0 26px 60px oklch(20% .02 40/.32)}.modal-sheet .form-card{box-shadow:none;background:0 0;border:none;padding:0;animation:none}.modal-close{border-radius:var(--r-pill);background:var(--paper-sunk);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), transform .4s var(--ease);-webkit-tap-highlight-color:transparent;border:none;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--line);color:var(--ink)}.modal-close:active{transform:scale(.92)}.lightbox{z-index:50;padding:28px 20px calc(env(safe-area-inset-bottom) + 28px);-webkit-backdrop-filter:blur(5px);animation:fade .25s var(--ease);background:oklch(20% .02 40/.84);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;background:var(--paper-2);cursor:default;max-width:100%;max-height:82vh;animation:rise .3s var(--ease);border-radius:6px;padding:8px;box-shadow:0 24px 60px oklch(0% 0 0/.55)}.lightbox-caption{color:oklch(96% .01 74);font-family:var(--font-display);text-align:center;max-width:32ch;font-size:1.05rem;font-style:italic}.lightbox-close{top:calc(env(safe-area-inset-top) + 14px);border-radius:var(--r-pill);color:oklch(98% .005 74);cursor:pointer;width:44px;height:44px;transition:background-color .25s var(--ease), transform .4s var(--ease);-webkit-tap-highlight-color:transparent;background:oklch(100% 0 0/.14);border:none;place-items:center;font-size:1.35rem;display:grid;position:absolute;right:14px}.lightbox-close:hover{background:oklch(100% 0 0/.26)}.lightbox-close:active{transform:scale(.92)}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app--with-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}.bottom-nav{z-index:40;padding:8px 6px calc(env(safe-area-inset-bottom) + 8px);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-top:1px solid var(--line);background:oklch(99% .006 74/.82);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px oklch(40% .03 40/.06)}.nav-item{cursor:pointer;color:var(--ink-faint);font-family:var(--font-ui);letter-spacing:.02em;transition:color .25s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:7px 4px;font-size:.66rem;font-weight:600;display:flex}.nav-item.active{color:var(--rose)}.nav-item:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:8px}.nav-icon{transition:transform .4s var(--ease);font-size:1.15rem}.nav-item.active .nav-icon{transform:translateY(-1px)scale(1.1)}.nav-item:active .nav-icon{transform:scale(.88)}.notifica{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:62vh;padding:24px 12px;display:flex}.notifica-title{margin-bottom:10px;font-size:1.9rem;font-style:italic;font-weight:600}.notifica-sub{color:var(--ink-soft);max-width:30ch;margin-bottom:42px}.heart-btn{border-radius:var(--r-pill);width:128px;height:128px;color:var(--paper-2);background:radial-gradient(circle at 38% 32%, var(--rose), var(--rose-deep));box-shadow:var(--shadow-rose), inset 0 2px 4px oklch(100% 0 0/.25);cursor:pointer;animation:heartPulse 2.6s var(--ease) infinite;transition:transform .4s var(--ease);-webkit-tap-highlight-color:transparent;border:none;place-items:center;margin-bottom:34px;font-size:3rem;display:grid}.heart-btn:active{transform:scale(.92)}.heart-btn:disabled{opacity:.7;cursor:default}.heart-btn.is-burst{animation:heartBurst .7s var(--ease)}.notifica-count{flex-direction:column;align-items:center;gap:2px;margin-bottom:30px;display:flex}.notifica-count-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--rose);font-size:2.6rem;font-weight:600;line-height:1}.notifica-count-lab{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem;font-weight:600}.notifica-hint{color:var(--rose);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.notifica-hint-muted{color:var(--ink-faint);max-width:32ch;font-weight:500}@keyframes heartPulse{0%,to{box-shadow:var(--shadow-rose), inset 0 2px 4px oklch(100% 0 0/.25);transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 12px 34px oklch(53% .16 18/.4),inset 0 2px 4px oklch(100% 0 0/.25)}}@keyframes heartBurst{0%{transform:scale(.92)}35%{transform:scale(1.18)}to{transform:scale(1)}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);z-index:45;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);white-space:nowrap;box-shadow:var(--shadow-md);animation:toastIn .35s var(--ease);align-items:center;gap:9px;padding:12px 20px;font-size:.9rem;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%)}.toast svg{color:var(--rose)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}