.df{display:flex}.fdc{flex-direction:column}.aic{align-items:center}.ais{align-items:start}.aie{align-items:end}.jcr{justify-content:right}.jcc{justify-content:center}.jcsb{justify-content:space-between}.g025{gap:.25rem}.g05{gap:.5rem}.g075{gap:.75rem}.g1{gap:1rem}.g105{gap:1.5rem}.g2{gap:2rem}.g3{gap:3rem}.g4{gap:4rem}.mwfc{max-width:fit-content}.w100{width:100%}.tac{text-align:center}.tar{text-align:right}.tal{text-align:left}.f1{flex:1}.nowrap{white-space:nowrap}.mb05{margin-bottom:.5rem}.mb1{margin-bottom:1rem}:root{--text-1: rgb(10, 10, 10);--text-2: rgb(50, 50, 50);--text-3: rgb(90, 90, 90);--text-4: rgb(120, 120, 120);--text-5: rgb(150, 150, 150);--z-lightbox-btns: 2001;--z-lightbox: 2000;--z-nav: 1500;--filter-white: invert(93%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(107%) contrast(102%);--font-1: "Google Sans Code", "InterVariable", system-ui, sans-serif;--font-2: "Courier New", Courier, monospace}[data-theme=pink]{--primary-color: pink;--secondary-color: hotpink;--color-3: rgb(214, 52, 71);--button-color: rgb(255, 221, 227);--button-color-hvr: rgb(255, 168, 184);--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #fff5f7 10%, #ffe0e6 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #fff5f7 65%, #ffe0e6 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #fff5f7 0%, #ffe0e6 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #fff5f7 25%, #ffe0e6 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #fff5f7 50%, #ffe0e6 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #fff5f7 65%, #ffe0e6 100%);--lightbox-bg-color: rgba(255, 192, 203, .95);--envelope-hover-shadow: 0 8px 20px rgba(220, 53, 69, .35);--item-shadow: 0 4px 12px rgba(214, 52, 71, .15)}[data-theme=blue]{--primary-color: #abe3fc;--secondary-color: #6bc5f1;--color-3: #2f94cd;--button-color: #cbeeff;--button-color-hvr: #a8e0fb;--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #ddf3fe 10%, #bfe7fb 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #ddf3fe 65%, #bfe7fb 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #ddf3fe 0%, #bfe7fb 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #ddf3fe 25%, #bfe7fb 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #ddf3fe 50%, #bfe7fb 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #ddf3fe 65%, #bfe7fb 100%);--lightbox-bg-color: rgba(171, 227, 252, .95);--envelope-hover-shadow: 0 8px 20px rgba(47, 148, 205, .35);--item-shadow: 0 4px 12px rgba(47, 148, 205, .15)}[data-theme=yellow]{--primary-color: #fff6cc;--secondary-color: #ffe88c;--color-3: #e3b800;--button-color: #fff9e6;--button-color-hvr: #fff1bf;--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #fffdf2 10%, #fff6d6 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #fffdf2 65%, #fff6d6 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #fffdf2 0%, #fff6d6 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #fffdf2 25%, #fff6d6 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #fffdf2 50%, #fff6d6 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #fffdf2 65%, #fff6d6 100%);--lightbox-bg-color: rgba(255, 246, 204, .95);--envelope-hover-shadow: 0 8px 20px rgba(227, 184, 0, .35);--item-shadow: 0 4px 12px rgba(227, 184, 0, .15)}[data-theme=green]{--primary-color: #b7e9c2;--secondary-color: #71ce8c;--color-3: #459858;--button-color: #cdeed5;--button-color-hvr: #b3e3c0;--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #ddf4e3 10%, #bee8ca 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #ddf4e3 65%, #bee8ca 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #ddf4e3 0%, #bee8ca 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #ddf4e3 25%, #bee8ca 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #ddf4e3 50%, #bee8ca 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #ddf4e3 65%, #bee8ca 100%);--lightbox-bg-color: rgba(183, 233, 194, .95);--envelope-hover-shadow: 0 8px 20px rgba(69, 152, 88, .35);--item-shadow: 0 4px 12px rgba(69, 152, 88, .15)}[data-theme=teal]{--primary-color: #88e6d8;--secondary-color: #57c7b6;--color-3: #2f9689;--button-color: #b9ebe2;--button-color-hvr: #9fdfd3;--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #c9eee7 10%, #a8e1d8 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #c9eee7 65%, #a8e1d8 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #c9eee7 0%, #a8e1d8 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #c9eee7 25%, #a8e1d8 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #c9eee7 50%, #a8e1d8 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #c9eee7 65%, #a8e1d8 100%);--lightbox-bg-color: rgba(136, 230, 216, .95);--envelope-hover-shadow: 0 8px 20px rgba(47, 150, 137, .35);--item-shadow: 0 4px 12px rgba(47, 150, 137, .15)}[data-theme=purple]{--primary-color: #ccccff;--secondary-color: #aaa9ff;--color-3: #6f72c9;--button-color: #e1e1ff;--button-color-hvr: #c9c8ff;--card-bg-gradient-90deg-10-100: linear-gradient(90deg, #efeeff 10%, #d7d6ff 100%);--card-bg-gradient-135deg-65-100: linear-gradient(135deg, #efeeff 65%, #d7d6ff 100%);--card-bg-gradient-165deg-0-100: linear-gradient(165deg, #efeeff 0%, #d7d6ff 100%);--card-bg-gradient-165deg-25-100: linear-gradient(165deg, #efeeff 25%, #d7d6ff 100%);--card-bg-gradient-165deg-50-100: linear-gradient(165deg, #efeeff 50%, #d7d6ff 100%);--card-bg-gradient-165deg-65-100: linear-gradient(165deg, #efeeff 65%, #d7d6ff 100%);--lightbox-bg-color: rgba(204, 204, 255, .95);--envelope-hover-shadow: 0 8px 20px rgba(111, 114, 201, .35);--item-shadow: 0 4px 12px rgba(111, 114, 201, .15)}button{font-family:var(--font-1);color:var(--text-1);cursor:pointer}.btn{display:flex;align-items:center;justify-content:center;gap:1.5rem;text-align:left;padding:.75rem 2rem;border-radius:6rem;border-color:var(--secondary-color);background:var(--button-color);color:var(--text-1);transition:all .2s ease-out}.btn img{width:2.5rem}.btn:hover{background:var(--button-color-hvr);transition:all .2s ease-out}.btn-sm{min-width:0}@media (max-width: 480px){.btn img{width:2.25rem}}@font-face{font-family:Google Sans Code;src:url(/fonts/GoogleSansCode-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html,body,#root{height:100%}#root{margin:0 auto}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{background:var(--primary-color);color:var(--text-1);font-family:var(--font-1);font-size:62.5%;overflow:hidden;box-sizing:border-box}h1,.p-xxl{font-size:3rem}.p-xl{font-size:2.5rem}h2,.p-lg{font-size:2rem}p,a,span,div{font-size:1.75rem;font-weight:600}.p-sm,label{font-size:1.5rem}.p-600{font-weight:600}.page-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:4rem;padding:4rem 2rem}.page-content-center{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;padding:4rem 2rem}.content-ctnr{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.page-header{display:flex;align-items:center;gap:1.5rem}.page-header img{width:2.5rem}.mobile-only{display:none}.label{color:var(--text-2)}@media (max-width: 768px){h1,.p-xxl{font-size:2.5rem}.p-xl{font-size:2rem}h2,.p-lg{font-size:1.75rem}p,a,span{font-size:1.5rem}.p-sm,label{font-size:1.25rem}}@media (max-width: 480px){.page-content-center{padding:4rem 2rem 8rem}h1,.p-xxl{font-size:2.25rem}.page-header img{width:2rem}.mobile-only{display:block}}.nav-ctnr{width:100%;display:flex;justify-content:center;padding:2rem}.nav-dock{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 3rem;border-radius:6rem;border:2px solid var(--secondary-color);background:var(--button-color);color:var(--text-color)}.nav-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4rem;padding:.5rem;min-width:5rem;transition:scale .5s ease,background .5s ease}.nav-btn img{width:2rem}.nav-btn:hover{scale:125%;transition:scale .5s ease,background .5s ease}.nav-btn-active,.nav-btn-active:hover{background:var(--button-color-hvr)}@media (max-width: 480px){.nav-ctnr{padding:.25rem 2rem}.nav-dock{border:0;border:1px solid var(--secondary-color);width:100%;gap:0;justify-content:space-around}.nav-btn img{width:2.25rem}.nav-btn:hover{scale:100%;transition:background .2s ease}}.collapsed-nav-ctnr{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;z-index:var(--z-nav)}.menu-btn{display:flex;flex-direction:column;align-items:center;gap:1rem;background:none;border:none;padding:0}.menu-btn:hover .menu-btn-img-ctnr{transform:translateY(-2px) scale(1.08);box-shadow:0 .7rem 1.8rem -.6rem var(--primary-color),0 .2rem .8rem var(--primary-color);transition:all .2s ease-out}.menu-btn-open .menu-btn-img-ctnr{transform:translateY(-1px) scale(1.05);box-shadow:0 .9rem 2.2rem -.7rem var(--primary-color),0 .2rem .8rem var(--primary-color)}.menu-btn-img-ctnr{display:flex;align-items:center;justify-content:center;background:var(--button-color);padding:1rem;border:2px solid var(--secondary-color);border-radius:100%;box-shadow:0 .5rem 1.4rem -.7rem var(--primary-color),0 .15rem .5rem var(--primary-color);transition:all .2s ease-out}.menu-btn-img-ctnr img{width:2.5rem}.collapsed-popup{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:2px solid var(--secondary-color);border-radius:1.25rem;background:var(--button-color);box-shadow:0 1.1rem 2.8rem -1rem var(--primary-color),0 .3rem 1rem var(--primary-color);transform-origin:bottom left}.collapsed-option-btn{display:flex;align-items:center;gap:1.25rem;width:100%;border:none;border-radius:.75rem;background:none;color:var(--text-color);padding:.6rem .7rem;text-align:left;transition:background .2s ease}.collapsed-option-btn img{width:2rem;flex-shrink:0}.collapsed-option-btn:hover,.collapsed-option-active{background:var(--button-color-hvr)}@media (max-width: 480px){.collapsed-nav-ctnr{padding:1rem}.collapsed-popup{max-width:calc(100vw - 2rem)}}.layout-wrapper{display:flex;flex-direction:column;height:100svh;overflow:hidden}.app-content{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;width:100%;max-width:1400px;margin:0 auto}.app-content::-webkit-scrollbar{display:none}.home-header{width:100%}.header-emoji{font-size:4rem}.date-widget{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;isolation:isolate;padding:1rem 2rem;border-radius:1.5rem;border:1px solid color-mix(in srgb,var(--secondary-color) 26%,white);background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--secondary-color) 22%,transparent) 0%,transparent 55%),linear-gradient(120deg,color-mix(in srgb,var(--button-color) 62%,white),color-mix(in srgb,var(--primary-color) 48%,white));box-shadow:inset 0 1px #ffffffc7,0 14px 28px color-mix(in srgb,var(--secondary-color) 16%,transparent)}.date-widget:before,.date-widget:after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:-1}.date-widget:before{width:9rem;height:9rem;right:-2.8rem;top:-3.2rem;background:color-mix(in srgb,var(--secondary-color) 16%,white)}.date-widget:after{width:7rem;height:7rem;left:-2.5rem;bottom:-3rem;background:color-mix(in srgb,var(--button-color-hvr) 24%,white)}.date-main{display:flex;flex-direction:column;gap:1rem}.date-weekday{width:fit-content;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary-color);font-weight:700;box-shadow:inset 0 1px #ffffffb3}.date-mdy{display:flex;flex-direction:column;gap:.45rem}.date-md{display:flex;align-items:baseline;gap:1rem}.date-day{font-size:clamp(2.8rem,2.2rem + 2vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--text-1)}.date-month{padding-bottom:.3rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.date-year{font-weight:600;letter-spacing:.06em}.analog-clock-widget{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.analog-clock-face{position:relative;flex-shrink:0;width:12rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),transparent 38%),radial-gradient(circle at center,rgba(255,255,255,.72) 0%,rgba(255,255,255,.3) 60%,transparent 100%),var(--card-bg-gradient-165deg-25-100);border:3px solid color-mix(in srgb,var(--secondary-color) 60%,white);box-shadow:inset 0 1px #fffc,0 16px 30px #00000014}.analog-clock-face:before{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--secondary-color) 30%,transparent)}.analog-clock-hand-rotator,.analog-clock-center{position:absolute;left:50%;top:50%}.analog-clock-hand-rotator{width:0;height:0;transform-origin:center bottom}.analog-clock-hand{position:absolute;left:50%;bottom:0;transform:translate(-50%);border-radius:999px}.analog-clock-hand-hour{width:.42rem;height:3rem;background:linear-gradient(180deg,var(--text-1) 0%,color-mix(in srgb,var(--text-1) 75%,var(--text-4)) 100%)}.analog-clock-hand-minute{width:.28rem;height:4.2rem;background:linear-gradient(180deg,var(--text-2) 0%,color-mix(in srgb,var(--text-2) 80%,var(--text-4)) 100%)}.analog-clock-hand-second{width:.14rem;height:4.55rem;background:linear-gradient(180deg,var(--color-3) 0%,var(--secondary-color) 100%)}.analog-clock-hand-second:after{content:"";position:absolute;left:50%;bottom:-.85rem;width:.3rem;height:1.15rem;border-radius:999px;background:inherit;transform:translate(-50%)}.analog-clock-center{width:.95rem;height:.95rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,white 0%,var(--secondary-color) 55%,var(--color-3) 100%);transform:translate(-50%,-50%);box-shadow:0 0 0 .22rem color-mix(in srgb,white 65%,var(--button-color))}.analog-clock-copy{display:flex;flex-direction:column;align-items:center}@media (max-width: 640px){.analog-clock-widget{gap:.95rem}.analog-clock-face{width:min(72vw,11rem)}}.widget{width:100%;background:var(--card-bg-gradient-135deg-65-100);padding:1.5rem 2.5rem;border:none;border-radius:1.5rem;box-shadow:var(--item-shadow)}.widget-head{margin-bottom:1.5rem}.widget-head p{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color);font-weight:700;max-width:fit-content}@media (max-width: 768px){.widget{padding:1rem 2rem}.widget-head{margin-bottom:1rem}}.home-btns-ctnr{display:flex;align-items:center;justify-content:space-between;gap:2rem}.home-btn{display:flex;align-items:center;gap:2rem;background:none;border:none}.home-btn p{text-align:left}.home-btn:hover .home-btn-img-ctnr{scale:1.1;transition:all .2s ease-out}.home-btn-img-ctnr{display:flex;align-items:center;justify-content:center;background:var(--button-color);padding:1rem;border:2px solid var(--secondary-color);border-radius:100%;transition:all .2s ease-out}.home-btn-img-ctnr img{width:2rem}@media (max-width: 1024px){.home-btn p{display:none}}@media (max-width: 768px){.home-btn{gap:1rem}}.widgets-ctnr{width:100%;display:flex;flex-direction:column;gap:2rem}.widget-row{display:flex;align-items:stretch;gap:2rem}.widget-row>.widget{flex:1;min-width:0}.highlight{background:var(--button-color)}.special-message{display:flex;align-items:center;gap:1.5rem}.special-message img{width:2.5rem}.featured-photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.featured-photo-card{position:relative;overflow:hidden;max-height:30rem;border-radius:1.2rem;background:color-mix(in srgb,var(--button-color) 20%,white);box-shadow:0 12px 26px #0000001f}.featured-photo-image{width:100%;height:100%;max-height:30rem;object-fit:cover;display:block;transition:transform .25s ease-out}.featured-photo-card:hover .featured-photo-image{transform:scale(1.04)}@media (max-width: 480px){.featured-photos-grid{gap:.65rem}.featured-photo-card,.featured-photo-image{min-height:8rem;max-height:14rem}}.floating-heart{position:fixed;bottom:0;left:50%;font-size:2rem;opacity:.8;animation:floatUp 6s ease-in infinite;pointer-events:none}@keyframes floatUp{0%{transform:translate(0) translateY(0) scale(1);opacity:1}50%{opacity:.7}to{transform:translate(calc(-50px + 100px * var(--random-x))) translateY(-100vh) scale(1.2);opacity:0}}.love-list{display:flex;flex-direction:column;align-items:center;gap:1rem}.love-item{display:flex;align-items:start;gap:2rem;background:var(--card-bg-gradient-165deg-50-100);padding:1rem 2rem;border:1px solid var(--secondary-color);box-shadow:var(--item-shadow);border-radius:1rem;width:75%}@media (max-width: 480px){.love-item{width:90%}}.carousel-container{height:60svh;max-height:60svh;width:40%;position:relative;overflow:hidden;border-radius:1rem;transition:width .2s ease-out}.carousel-image-wrapper{height:calc(100% - 3.5rem);position:relative}.carousel-image-wrapper img{height:100%;width:100%;object-fit:cover;display:block;transition:object-fit .3s ease,background-color .3s ease}.carousel-timeline{display:flex;flex-direction:column}.timeline-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-2)}.timeline-bar{position:relative;height:1.5rem;background:#ffffff40;border-radius:0 0 1rem 1rem;cursor:pointer;overflow:hidden}.timeline-filled{position:absolute;left:0;top:0;bottom:0;background:var(--card-bg-gradient-90deg-10-100);border-radius:inherit}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #ffb0c614;border:2px solid rgba(0,0,0,.06)}.carousel-description{position:absolute;bottom:1rem;left:1rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1)}.carousel-date{font-size:1.5rem}.carousel-btn-ctnr{display:flex;align-items:center;gap:1rem;position:absolute;right:1rem;bottom:1rem}.carousel-btn{display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;padding:.5rem .8rem;border-radius:.5rem;font-size:1.5rem;z-index:2}.carousel-btn img{width:1.75rem;filter:var(--filter-white)}.carousel-btn:hover{background:#000c}.carousel-container.fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0}.carousel-container.fullscreen .carousel-image-wrapper img{object-fit:contain;background-color:#000}.carousel-container.fullscreen .carousel-image-wrapper{height:calc(100% - 4rem)}.carousel-container.fullscreen .carousel-title{font-size:2rem}.carousel-container.fullscreen .carousel-date{font-size:1.75rem}.carousel-container.fullscreen .carousel-btn img{background:none;width:2rem}@media (max-width: 1024px){.carousel-container{width:75%}}@media (max-width: 768px){.carousel-container{width:100%}}@media (max-width: 480px){.carousel-container{height:50svh;max-height:50svh;position:relative;overflow:hidden;border-radius:1rem}.carousel-description{top:1rem;width:100%;display:flex;flex-direction:column}.carousel-date{font-size:1.25rem}.carousel-btn-ctnr{width:100%;right:0;bottom:0;justify-content:center;background:#00000080}.carousel-btn{border-radius:1rem;padding:.5rem 2rem;flex:1}.carousel-btn,.carousel-btn:hover{background:none}.fullscreen-btn{display:none}.carousel-container.fullscreen .carousel-description{top:2rem}.carousel-container.fullscreen .carousel-btn-ctnr{padding:2rem 0}.carousel-image-wrapper{height:calc(100% - 3.5rem)}}.gallery-skeleton{background:var(--card-bg-gradient-165deg-0-100);border-radius:.75rem;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity .2s}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1400px;padding:1rem}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.75rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.gallery-item:hover img{transform:scale(1.1)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;opacity:0;transition:opacity .3s ease}.gallery-title{color:#fff;margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.gallery-date{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--lightbox-bg-color);display:flex;align-items:center;justify-content:center;z-index:var(--v-lightbox);padding:2rem}.lightbox-content{max-width:90vw;max-height:85vh;position:relative}.lightbox-content img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:.5rem}.lightbox-description{position:absolute;top:4rem;text-align:center}.lightbox-title{font-weight:600;margin-bottom:.5rem}.lightbox-nav{display:none}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-item:hover{transform:translateY(0);box-shadow:none}.gallery-item:hover img{transform:scale(1)}.gallery-item:hover .gallery-overlay{opacity:1}.lightbox-content img{max-height:70vh}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:.5rem}.gallery-overlay{display:none}.lightbox{padding:1rem}.lightbox-content img{max-height:60vh}.lightbox-nav{display:flex;gap:1rem;position:absolute;bottom:8rem;transform:translate(-50%);z-index:var(--z-lightbox-btns)}}.view-switcher{display:flex;border-radius:1rem;border:2px solid var(--secondary-color);border-radius:6rem}.view-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.75rem 1.5rem;border-radius:6rem;cursor:pointer;font-size:1rem;transition:all .3s ease;color:var(--text-1)}.view-btn:hover{background:#ffffff40}.view-btn.active{background:var(--card-bg-gradient-165deg-25-100)}@media (max-width: 480px){.view-switcher{width:80%;justify-content:center}.view-btn{flex:1;justify-content:center;padding:.75rem 1rem}}.year-list-ctnr{display:flex;flex-direction:column;gap:2rem}.year-ctnr,.fav-list{display:flex;flex-direction:column;gap:1rem}.fav-item-card{display:flex;align-items:start;justify-content:space-between;gap:4rem;background:var(--card-bg-gradient-165deg-50-100);padding:1rem 2rem;border:1px solid var(--secondary-color);box-shadow:var(--item-shadow);border-radius:1rem}.fav-item-card p{text-align:right}.fav-title{display:flex;align-items:center;gap:1rem}.fav-title img{width:2rem}.fav-title p{text-align:left}@media (max-width: 480px){.fav-item-card{flex-direction:column;gap:1rem}.fav-item-card p{text-align:left}}.letters-container{width:100%;padding:20px}.envelopes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem}.envelope{aspect-ratio:1;border-radius:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.envelope.locked{background:var(--card-bg-gradient-135deg-65-100);opacity:.65;cursor:not-allowed}.envelope.locked:hover{transform:none;box-shadow:0 4px 12px #0000001a}.envelope.unlocked{background:var(--card-bg-gradient-135deg-65-100);cursor:pointer}.envelope.unlocked:hover:not(.opened){transform:translateY(-5px);box-shadow:var(--envelope-hover-shadow)}.envelope-closed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:15px;text-align:center;position:relative}.envelope-icon{width:2rem}.float{animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.envelope-date{color:var(--color-3)}.envelope-day{color:var(--text-2)}.lock-icon{position:absolute;bottom:.75rem;right:.75rem}.envelope.opened{grid-column:1 / -1;position:relative;width:100%;height:auto;aspect-ratio:auto;z-index:1000;background:var(--card-bg-gradient-165deg-65-100);box-shadow:0 8px 24px #0003;margin:0 auto}.envelope-open{width:100%;height:100%;padding:2rem;overflow-y:auto}.letter-content{display:flex;flex-direction:column;gap:15px}.letter-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--color-3);padding-bottom:1.5rem}.letter-date{color:var(--color-3)}.days-until{color:var(--text-3);font-style:italic}.letter-text{line-height:1.6;color:var(--text-1);margin:15px 0;white-space:pre-wrap;word-wrap:break-word}.close-letter-btn{align-self:center;padding:10px 30px;background-color:var(--color-3);color:#fff;border:none;border-radius:25px;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:10px}.close-letter-btn:hover{background-color:#b8283b;transform:scale(1.05)}.close-letter-btn:active{transform:scale(.98)}.letters-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.letters-container.has-opened-letter:before{opacity:1;pointer-events:auto}@media (max-width: 1024px){.envelopes-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem}}@media (max-width: 768px){.letters-container{padding:1.5rem}.envelopes-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.2rem}.envelope.opened{max-width:95%}.envelope-open{padding:1.5rem}}@media (max-width: 480px){.letters-container{padding:1rem}.envelopes-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem}.envelope{aspect-ratio:1}.envelope-closed{padding:1rem;gap:.5rem}.envelope.opened{max-width:100%}.envelope-open{padding:1.25rem}.letter-header{padding-bottom:1.25rem}.letter-text{line-height:1.5;margin:1rem 0}}.travel-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.travel-card{display:flex;flex-direction:column;background:var(--card-bg-gradient-165deg-50-100);border:1px solid var(--secondary-color);box-shadow:0 4px 12px #d6344726;border-radius:1rem;width:100%;min-width:0}.travel-card-img-ctnr{width:100%;background:var(--card-bg-gradient-165deg-0-100);border-radius:1rem 1rem 0 0;height:45svh;overflow:hidden}.travel-card-img-ctnr img{width:100%;height:100%;object-fit:cover;display:block}.travel-card-info{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2rem}.travel-play-btn{padding:.75rem}@media (max-width: 1024px){.travel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.travel-grid{grid-template-columns:1fr}.travel-card-img-ctnr{height:50svh}}@media (max-width: 480px){.travel-grid{grid-template-columns:1fr}.travel-card-info{gap:1rem;padding:1rem 1.5rem}}.settings-section{display:flex;flex-direction:column;gap:1rem}.theme-picker-ctnr{display:flex;flex-flow:wrap;align-items:center;justify-content:center;gap:2rem}.theme-option{display:inline-flex;align-items:center;gap:1rem;padding:.75rem 2rem;border-radius:6rem;background:var(--card-bg-gradient-165deg-65-100);border:1px solid rgba(0,0,0,.06);cursor:pointer}.theme-option .swatch{width:3rem;height:3rem;border-radius:6rem;display:inline-block;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 0 0 1px #ffffff47,0 3px 8px #00000029}.theme-option.active{outline:.25rem solid var(--secondary-color);outline-offset:.25rem}.theme-option .swatch[data-swatch-theme=pink]{background:linear-gradient(135deg,#ffd7e0,#ffc7d6)}.theme-option .swatch[data-swatch-theme=blue]{background:linear-gradient(135deg,#cef,#9fdcf9)}.theme-option .swatch[data-swatch-theme=yellow]{background:linear-gradient(135deg,#fff9d6,#fff2b8)}.theme-option .swatch[data-swatch-theme=green]{background:linear-gradient(135deg,#ccefd5,#9fe1b1)}.theme-option .swatch[data-swatch-theme=teal]{background:linear-gradient(135deg,#b5ebe1,#90ddd0)}.theme-option .swatch[data-swatch-theme=purple]{background:linear-gradient(135deg,#d8d8ff,#b8b8ff)}@media (max-width: 480px){.theme-picker-ctnr{flex-direction:column;gap:1rem}.theme-option{width:100%}}