:root{--background:#050e0b;--background-glow:radial-gradient(circle at top,#f6dabb66,transparent 60%);--night-forest:linear-gradient(135deg,#081914,#0e2019 45%,#0a1a12);--card:#0f1f1ad9;--card-border:#e6d7be2e;--card-highlight:#fff9f014;--accent:#f7dcb5;--accent-berry:#ce6a4d;--accent-soft:#f7dcb529;--text-primary:#fffaf1;--text-muted:#fffaf1c2;--shadow-soft:0 22px 55px #030706a6;--sparkle:#ffffffb3;--grid-gap:clamp(.75rem,2vw,1.2rem);--serif-title:"Cormorant Garamond","Playfair Display",Georgia,serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{color:var(--text-primary);background:var(--night-forest);min-height:100%;margin:0;padding:0}body{position:relative}body:before{content:"";background:var(--background-glow),radial-gradient(circle at 20% 20%,#e3b48a26,transparent 40%),radial-gradient(circle at 70% 30%,#70998329,transparent 45%),radial-gradient(circle at 30% 85%,#2a5d4c80,transparent 50%);filter:blur(2px);z-index:-3;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.4;z-index:-1;background-image:radial-gradient(2px 2px at 20% 20%,#ffffff2e 50%,#0000 55%),radial-gradient(1.5px 1.5px at 60% 30%,#ffffff40 50%,#0000 55%),radial-gradient(2px 2px at 80% 70%,#ffffff2e 50%,#0000 55%);background-size:350px 350px,400px 400px,520px 520px;animation:22s linear infinite snowfall;position:fixed;inset:0}@keyframes snowfall{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}@keyframes auroraGlow{0%{opacity:.35;transform:translateY(0)}50%{opacity:.6;transform:translateY(-8px)}to{opacity:.35;transform:translateY(0)}}@keyframes candlePulse{0%,to{text-shadow:0 0 6px #f7dcb580,0 0 18px #f7dcb547;transform:translateY(0)}45%{text-shadow:0 0 10px #f7dcb5bf,0 0 26px #f7dcb566;transform:translateY(-1px)}70%{text-shadow:0 0 4px #f7dcb566,0 0 12px #f7dcb53d;transform:translateY(1px)}}@keyframes garlandPulse{0%,to{opacity:.6;filter:drop-shadow(0 10px 28px #04080773)}50%{opacity:1;filter:drop-shadow(0 12px 35px #040807a6)}}@keyframes ornamentSwing{0%,to{transform:translateY(-4px)rotate(-1deg)}50%{transform:translateY(2px)rotate(2deg)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.9}}@keyframes pageReveal{0%{opacity:0;filter:blur(12px);transform:translateY(16px)scale(.99)}60%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:1;filter:blur();transform:translateY(0)}}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{max-width:min(1100px,100vw);padding-block:clamp(1.75rem,5vw,3.5rem);padding-inline:calc(env(safe-area-inset-left) + clamp(1rem,4vw,2.4rem))calc(env(safe-area-inset-right) + clamp(1rem,4vw,2.4rem));isolation:isolate;margin:0 auto;position:relative}.page-transition{will-change:opacity,transform,filter;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex}.page-transition--active{animation:.7s both pageReveal}.page-shell{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#040c0a8c;border:1px solid #f7dcb540;border-radius:32px;padding:clamp(1.5rem,4.5vw,3.25rem);position:relative;overflow:hidden}.page-shell:before{content:"";pointer-events:none;border:1px solid #f7dcb514;border-radius:28px;position:absolute;inset:12px}.page-shell:after{content:"";opacity:.5;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(140deg,#ffffff0a,#0000 40%);animation:18s ease-in-out infinite auroraGlow;position:absolute;inset:0}.page-title{font-size:clamp(2.8rem,6vw,4.3rem);font-weight:500;font-family:var(--serif-title);letter-spacing:.05em;color:var(--accent);text-shadow:0 4px 24px #040a08bf;justify-content:center;align-items:center;margin:0 0 .35rem;padding-inline:clamp(.35rem,1vw,.75rem);display:inline-flex;position:relative}.page-subtitle{color:var(--text-muted);text-transform:none;max-width:42ch;margin:0;font-size:clamp(1.2rem,3vw,1.5rem);font-style:italic;line-height:1.6}header{z-index:1;margin-bottom:.5rem;padding-top:.75rem;padding-bottom:1.5rem;position:relative}.calendar-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:clamp(2rem,5vw,3.25rem);display:grid}.calendar-day{background:radial-gradient(circle at top,#f7dcb51a,transparent 40%),var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;min-height:clamp(150px,30vw,190px);padding:clamp(1.6rem,3.4vw,2.4rem) clamp(1rem,2.5vw,1.5rem);transition:transform .26s,box-shadow .26s,border-color .26s;display:flex;position:relative;overflow:hidden}.calendar-day:before,.calendar-day:after{content:"";pointer-events:none;opacity:0;transition:opacity .24s;position:absolute;inset:0}.calendar-day:before{background:radial-gradient(circle at 50% 10%,#f7dcb533,#0000 50%)}.calendar-day:after{background-image:radial-gradient(1px 1px at 20% 30%,var(--sparkle),transparent 52%),radial-gradient(1.5px 1.5px at 60% 65%,var(--sparkle),transparent 52%);mix-blend-mode:screen}.calendar-day:hover:before,.calendar-day:hover:after{opacity:1}.calendar-day:hover{border-color:#f7dcb552;transform:translateY(-6px)scale(1.01);box-shadow:0 28px 70px #030908a6}.calendar-day.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.1);border-color:#728d8233;box-shadow:0 14px 36px #03090866}.calendar-day.locked:hover{transform:none;box-shadow:0 14px 36px #03090866}.calendar-day__number{letter-spacing:.12em;color:var(--accent);font-size:clamp(2.1rem,5vw,3.1rem);font-weight:500;font-family:var(--serif-title);animation:8s ease-in-out infinite candlePulse;display:inline-block}.calendar-grid>:nth-child(3n) .calendar-day__number{animation-delay:1.6s}.calendar-grid>:nth-child(4n) .calendar-day__number{animation-duration:9.5s;animation-delay:3s}.calendar-day__prompt{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:clamp(.8rem,2vw,1.2rem);font-size:.95rem}.calendar-day__status{letter-spacing:.18em;text-transform:uppercase;color:#f7dcb5b3;font-size:.85rem}.status-banner{color:var(--text-muted);background:#0f1e1bb3;border:1px solid #f7dcb54d;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.status-banner strong{color:var(--accent-berry);letter-spacing:.08em;font-weight:600}.toggle{cursor:pointer;color:var(--accent);letter-spacing:.05em;background:#f7dcb524;border:1px solid #f7dcb566;border-radius:999px;align-items:center;gap:.4rem;min-height:44px;padding:.4rem .85rem .4rem .4rem;font-size:.85rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.toggle:hover{background:#f7dcb53d;border-color:#f7dcb580;transform:translateY(-1px)}.toggle:before{content:"";background:linear-gradient(135deg,var(--accent),#fffdf7);opacity:.7;border-radius:50%;width:1.15rem;height:1.15rem}.toggle[aria-pressed=true]{color:#134b37;background:#f7dcb5e6;border-color:#f7dcb5e6}footer{text-align:center;color:#f1f6f48a;letter-spacing:.08em;margin-top:clamp(2rem,5vw,3.5rem);font-size:.85rem}@media (max-width:720px){header{text-align:center}.status-banner{flex-direction:column;align-items:stretch;gap:.75rem}.status-banner>div{width:100%}.toggle{justify-content:center;width:100%}.page-shell{border-radius:26px;padding:clamp(1.4rem,5vw,2.4rem)}.detail-layout{grid-template-columns:1fr}}@media (max-width:540px){main{max-width:100vw;padding-inline:calc(env(safe-area-inset-left) + .65rem)calc(env(safe-area-inset-right) + .65rem)}.page-shell{border-radius:22px;margin-inline:calc(-1*clamp(.35rem,3vw,.75rem));padding:clamp(1.25rem,4.5vw,2.2rem)}.page-shell:before{border-radius:20px;inset:clamp(6px,2vw,12px)}}.detail-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:clamp(1.5rem,4vw,2.8rem);margin-top:clamp(1.8rem,4vw,3rem);display:grid}.detail-card{border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#081210f2,#0a1714d9);border-radius:26px;padding:clamp(1.9rem,4vw,2.6rem);position:relative;overflow:hidden}.detail-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.45;border:1px solid #f7dcb524;position:absolute;inset:1px}.detail-card--story{min-height:100%}.detail-card--photos{flex-direction:column;align-items:stretch;gap:1.25rem;display:flex}.detail-card__eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#f7dcb5c7;margin-bottom:.85rem;font-size:.8rem}.detail-card h1,.detail-card h2{color:var(--accent);font-size:clamp(1.6rem,3vw,2.1rem);font-family:var(--serif-title);letter-spacing:.04em;margin-top:0}.detail-card p{color:var(--text-muted);font-size:1rem;line-height:1.8}.detail-card__memory{color:#fffaf1e0;margin-bottom:0;font-size:1.05rem}.detail-card .fact{color:#2a2118;text-shadow:0 1px 1px #ffffff40;background:linear-gradient(135deg,#f7dcb540,#f7dcb50d);border:1px solid #f7dcb566;border-radius:18px;margin-top:1.6rem;padding:1.2rem 1.5rem;font-size:1rem;line-height:1.7;box-shadow:inset 0 1px #fff3}.detail-card .fact strong{font-family:var(--serif-title);color:var(--accent-berry);text-transform:uppercase;letter-spacing:.12em;text-shadow:none;margin-bottom:.35rem;font-size:1.1rem;display:block}.memory-tags{flex-wrap:wrap;gap:.55rem;margin:1.6rem 0 0;padding:0;list-style:none;display:flex}.memory-tags li{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#f7dcb526;border:1px solid #f7dcb566;border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.photo-slider{gap:.75rem;display:grid}.photo-frame{aspect-ratio:3/4;background:#08101066;border:1px solid #f7dcb540;border-radius:22px;width:100%;margin-bottom:.25rem;overflow:hidden;box-shadow:0 18px 42px #03060599}@media (min-width:700px){.photo-frame{aspect-ratio:5/7}}.photo-frame img{width:100%;height:100%;display:block}.photo-slider__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.photo-slider__stage{cursor:zoom-in;position:relative}.photo-slider__controls{pointer-events:none;justify-content:space-between;align-items:center;padding:0 .35rem;display:flex;position:absolute;inset:0}.photo-slider__chevron{pointer-events:auto;color:var(--accent);background:#050a09a6;border:1px solid #f7dcb559;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;font-size:1rem;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 8px 18px #00000073}.photo-slider__chevron span{margin-top:-5px;font-size:1.35rem;line-height:1}.photo-slider__chevron:active{border-color:#f7dcb599;transform:translateY(1px)}.photo-slider__dots{justify-content:center;gap:.45rem;display:flex}.photo-slider__dot{background:#f7dcb533;border:1px solid #f7dcb580;border-radius:999px;width:10px;height:10px;padding:0}.photo-slider__dot.is-active{background:var(--accent);box-shadow:0 0 0 4px #f7dcb529}.lightbox{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000b3;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.lightbox__frame{background:#060c0ce6;border:1px solid #f7dcb559;border-radius:18px;width:min(92vw,1200px);height:min(90vh,1100px);position:relative;overflow:hidden;box-shadow:0 22px 48px #0000008c}.lightbox__image{-o-object-fit:contain;object-fit:contain}.lightbox__close{width:2.5rem;height:2.5rem;color:var(--accent);background:#050a09bf;border:1px solid #f7dcb566;border-radius:999px;place-items:center;font-size:1.4rem;transition:transform .16s,border-color .16s;display:grid;position:absolute;top:.65rem;right:.65rem;box-shadow:0 10px 20px #00000073}.lightbox__close:active{border-color:#f7dcb5b3;transform:translateY(1px)}.photo-placeholder{text-align:center;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:#060c0c99;border:1px dashed #f7dcb580;border-radius:22px;margin-bottom:1.5rem;padding:2.8rem 1.5rem;font-size:.95rem}.photo-card__note{letter-spacing:.08em;text-transform:uppercase;color:#fffaf1b3;text-align:center;max-width:32ch;margin:0 auto;font-size:.9rem}.back-link{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.9rem;display:inline-flex}.back-link svg{width:1.1rem;height:1.1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}