*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0806;font:16px/1.5 system-ui,sans-serif}button{font:inherit;cursor:pointer}.landing{background:#0b0806;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.landing-hero-frame{flex-shrink:0;width:100%;height:56%;position:relative;overflow:hidden}.landing-hero{object-fit:cover;width:100%;height:100%;animation:26s ease-in-out infinite alternate hero-drift}@keyframes hero-drift{0%{transform:scale(1)}to{transform:scale(1.05)}}.landing-hero-frame:after{content:"";background:linear-gradient(#0000 82%,#0b0806 100%);position:absolute;inset:0}.landing-panel{background:#0b0806;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:20px;padding:20px 24px 24px;display:flex}.landing-title{letter-spacing:.14em;text-transform:uppercase;color:#f4ecd8a6;font-family:Cormorant Garamond,Georgia,serif;font-size:15px}.open-gallery-button{color:#f4ecd8;letter-spacing:.03em;cursor:pointer;background:#f4ecd814;border:1px solid #f4ecd866;border-radius:999px;min-height:52px;padding:14px 32px;font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-weight:500;transition:background .3s,border-color .3s}.open-gallery-button:hover,.open-gallery-button:focus-visible{background:#f4ecd829;border-color:#f4ecd8b3}.gallery{color:#f4ecd8;background-color:#2a2013;background-position:50%;background-size:cover;min-height:100dvh;padding:24px 0 32px;font-family:system-ui,sans-serif;animation:.4s ease-out gallery-in;position:relative}@keyframes gallery-in{0%{opacity:0}to{opacity:1}}.gallery:before{content:"";pointer-events:none;background:linear-gradient(#140e088c 0%,#140e0826 22%,#0000 45%);position:absolute;inset:0}.gallery>*{z-index:1;position:relative}.back-button{color:inherit;background:0 0;border:1px solid #f4ecd84d;border-radius:4px;min-height:44px;margin:0 16px 20px;padding:8px 14px;font-size:14px}.year-tabs{gap:8px;margin-bottom:24px;padding:0 16px;display:flex;overflow-x:auto}.year-tab{color:#f4ecd8b3;cursor:pointer;background:#f4ecd80f;border:1px solid #f4ecd840;border-radius:999px;flex-shrink:0;min-height:40px;padding:8px 18px;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;transition:background .25s,border-color .25s,color .25s}.year-tab.active{color:#f4ecd8;background:#f4cd8c29;border-color:#f4cd8c99}.empty-note{opacity:.6;padding:0 16px}.moment-deck{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:4px 16px 12px;display:flex;overflow-x:auto}.moment-deck::-webkit-scrollbar{display:none}.moment-card{scroll-snap-align:center;background:#f4ecd8;flex:0 0 78%;max-width:280px;padding:10px 10px 18px;box-shadow:0 6px 16px #0006}.moment-photo{aspect-ratio:1;color:#f4ecd880;background:linear-gradient(135deg,#6b5644,#3d2f22);justify-content:center;align-items:center;width:100%;font-size:32px;display:flex}.moment-caption{color:#2a2118;text-align:center;flex-direction:column;gap:2px;padding-top:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;display:flex}.moment-date{opacity:.6;font-size:11px}.app-root{min-height:100dvh;position:relative}.audio-toggle{z-index:10;color:#f4ecd8;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b080680;border:1px solid #f4ecd84d;border-radius:20px;min-height:40px;padding:8px 14px;font-family:system-ui,sans-serif;font-size:12px;position:fixed;top:12px;right:12px}.audio-toggle.on{border-color:#f4ecd8}