*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-neutral-3-rest)}.skin-od4 body{user-select:none;-webkit-user-select:none}body{font-family:var(--font-family-base);background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);height:100vh;overflow-y:auto;overflow-x:hidden}body.od4-left-nav-mode{padding-inline-start:var(--shell-start-margin);padding-inline-end:var(--shell-margin)}body.od4-left-nav-mode .memories-section{padding-inline:0}.memories-loading{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:var(--spacing-160)}.memories-loading .spinner{width:var(--size-320);height:var(--size-320);border:3px solid var(--stroke-neutral-alpha-1-rest);border-top-color:var(--fg-brand-1-rest);border-radius:var(--radius-circular);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.memories-loading p{color:var(--fg-neutral-2-rest);font-size:var(--font-size-body-1)}.memories-container{display:none;margin:0 auto}.memories-section{margin-bottom:var(--size-480);max-width:1200px;margin-inline:auto;padding:0 var(--spacing-240)}.section-header{display:flex;align-items:baseline;gap:var(--spacing-120);margin-bottom:var(--spacing-160)}.section-title{font-size:var(--font-size-subtitle-1);font-weight:700}.section-subtitle{font-size:var(--font-size-caption-1);color:var(--fg-neutral-2-rest)}.carousel-track{display:flex;gap:var(--spacing-160);overflow-x:auto;padding-bottom:var(--spacing-120);scroll-snap-type:x mandatory;cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-track::-webkit-scrollbar{height:var(--size-40)}.carousel-track::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-rest);border-radius:var(--radius-small)}.highlight-card,.year-card,.otd-card{flex:0 0 auto;scroll-snap-align:start;overflow:hidden;cursor:pointer;background:var(--button-background-2-rest);opacity:0;animation:fadeSlideUp .35s ease forwards}.highlight-card{width:200px;border-radius:var(--size-140);transition:transform .2s,box-shadow .2s}.highlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-16)}.highlight-card-img{width:200px;height:200px;overflow:hidden}.highlight-card-img img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.highlight-card-img img.loaded{opacity:1}.highlight-card-info{padding:var(--size-100) var(--spacing-120)}.highlight-card-date{font-size:var(--font-size-caption-1);color:var(--fg-neutral-2-rest)}.year-card{width:240px;border-radius:var(--size-140);transition:transform .2s,box-shadow .2s}.year-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-16)}.year-card-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:240px;height:180px;gap:var(--spacing-20);overflow:hidden}.year-card-mosaic img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.year-card-mosaic img.loaded{opacity:1}.year-card-mosaic .placeholder{background:var(--button-background-2-rest)}.year-card-info{padding:var(--spacing-120) var(--size-140)}.year-card-label{font-size:var(--font-size-subtitle-1);font-weight:700}.year-card-count{font-size:var(--font-size-caption-1);color:var(--fg-neutral-2-rest);margin-top:var(--spacing-20)}.otd-card{width:260px;border-radius:var(--radius-3xlarge);position:relative;transition:transform .25s,box-shadow .25s}.otd-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-28)}.otd-collage{width:260px;height:220px;position:relative;overflow:hidden}.otd-collage[data-n="1"] img:nth-child(1){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.otd-collage[data-n="2"]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-20)}.otd-collage[data-n="2"] img{width:100%;height:100%;object-fit:cover}.otd-collage[data-n="3"]{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-20)}.otd-collage[data-n="3"] img:nth-child(1){grid-row:1 / -1}.otd-collage img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.otd-collage img.loaded{opacity:1}.otd-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:110px;background:var(--card-overlay-bottom);pointer-events:none;border-radius:0 0 var(--radius-3xlarge) var(--radius-3xlarge)}.otd-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--size-140) var(--spacing-160);z-index:1}.otd-card-years-ago{font-size:var(--font-size-title-3);font-weight:800;color:var(--fg-neutral-static-inverted);line-height:1.1;text-shadow:0 1px 4px rgba(0,0,0,.4)}.otd-card-year{font-size:var(--font-size-caption-1);color:var(--fg-on-photo-secondary);margin-top:var(--spacing-20)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(var(--spacing-120))}to{opacity:1;transform:translateY(0)}}html:not(.skin-od4) .od4-only{display:none!important}.skin-od4 .od4-hidden{display:none!important}.pp{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:center}.pp.pp-top{flex-direction:column;align-items:center}.pp.pp-side{flex-direction:row;align-items:center}.pp.moment{padding:5rem 0}.pp.hero{padding:1.25rem 0 0}.pp-ttl-top{padding:var(--spacing-200) var(--spacing-200) clamp(1.5rem,3vh,3rem);text-align:center;position:relative;z-index:4}.pp-ttl-side{flex:0 0 auto;width:320px;padding-inline-start:var(--size-400);padding-inline-end:var(--spacing-200);display:flex;flex-direction:column;justify-content:center}.pp-title{font-size:var(--font-size-large-title-2);font-weight:700;line-height:var(--line-height-large-title-2);padding-bottom:var(--spacing-80)}.pp-subtitle{font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-2);line-height:var(--size-280);color:var(--fg-neutral-2-rest)}[data-theme=light] .pp-subtitle{color:var(--fg-neutral-3-rest)}.pp-title.hero-title{font-size:var(--font-size-large-title-2);line-height:var(--line-height-large-title-2)}.hero .pp-subtitle,[data-theme=light] .hero .pp-subtitle{color:var(--fg-neutral-3-rest)}.pp-vm,.pp-btn{position:relative;display:inline-flex;align-items:center;padding:var(--spacing-40) var(--spacing-120);margin-top:var(--spacing-120);border-radius:var(--radius-xlarge);border:1px solid var(--surface-stroke-1);background:var(--surface-background);backdrop-filter:var(--effect-surface-background-blur);-webkit-backdrop-filter:var(--effect-surface-background-blur);box-shadow:var(--effect-surface-background-shadow);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);line-height:var(--line-height-body-1);cursor:pointer;transition:background .15s}.pp-vm{align-self:start;text-decoration:none}.pp-vm:hover,.pp-btn:hover{background:var(--bg-subtle-rest)}.pp-vm:before,.pp-btn:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:var(--pill-stroke-1) border-box;-webkit-mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);mask-composite:exclude;pointer-events:none}.pp-spot{container-type:size;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}.pp-spot-c{aspect-ratio:1;border-radius:var(--radius-circular);filter:blur(150px);height:75cqh;opacity:.8;position:absolute}.pp-spot-a{transform:rotate(-12deg) translate(-50%);background:var(--view-spot-blue)}.pp-spot-b{transform:rotate(-12deg) translate(50%);background:var(--view-purple-accent-light)}.pp-pr{border-radius:var(--size-200);display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-200);min-width:0}.pp-pr:after{content:"";position:absolute;inset:0;border-radius:var(--radius-circular);background:var(--memories-pile-glow);filter:blur(150px);opacity:0;scale:.5;transition:scale .5s cubic-bezier(.1,.9,.2,1),opacity .5s cubic-bezier(.1,.9,.2,1);pointer-events:none;will-change:scale,opacity}.pp-pr:hover:after{opacity:.8;scale:1}.pp-side .pp-pr{flex:1 1 auto}.pp-ph{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pp-pw{border-radius:var(--size-280);overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .5s cubic-bezier(.33,0,0,1),box-shadow .5s cubic-bezier(.33,0,0,1);will-change:transform}.pp-pw img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s,transform .5s cubic-bezier(.33,0,0,1);will-change:transform}.pp-pw img.loaded{opacity:1}.pr-hero{height:35rem}.pr-hero .pp-spot{width:100vw;height:35rem}.pr-hero .pp-pw{box-shadow:var(--memories-hero-pw-shadow);margin:0 -10px}.pr-A{height:auto}.pr-A .pp-spot{width:100%;height:100%}.pr-A .pp-pw{margin:0 10px;transition:transform .5s cubic-bezier(.33,0,0,1);will-change:transform}.pr-B{height:auto}.pr-B .pp-pw{border-radius:0;margin:0 1px}.pr-B .pp-pw:first-child{border-radius:var(--size-280) 0 0 var(--size-280)}.pr-B .pp-pw:last-child{border-radius:0 var(--size-280) var(--size-280) 0}.pr-B:hover .pp-pw:nth-child(1) img{transform:rotate(-3deg) scale(1.1)}.pr-B:hover .pp-pw:nth-child(2) img{transform:rotate(3deg) scale(1.1)}.pr-B:hover .pp-pw:nth-child(3) img{transform:scale(1.1)}.pr-C{height:auto}.pr-C .pp-pw{margin:0 10px}.pr-D{height:auto;padding:var(--size-400) var(--spacing-200)}.pr-D .pp-pw{margin:0 10px}.grow-hover{transition:scale .3s cubic-bezier(.33,0,0,1),opacity .5s ease}.grow-hover:hover{scale:1.1;z-index:10}.grow-hover:active{transition-duration:.1s;scale:.9}.dp-strip{display:flex;justify-content:center;gap:var(--spacing-160);padding:var(--size-480) 0 var(--spacing-240);position:relative;z-index:5}.dp-card{width:4rem;height:5rem;border-radius:var(--radius-xlarge);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--button-background-2-rest);user-select:none;cursor:pointer;position:relative}.dp-inner{width:3rem;height:4rem;border-radius:var(--radius-large);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center;overflow:hidden;transition:transform .5s cubic-bezier(.33,0,0,1),border-radius .5s cubic-bezier(.33,0,0,1),box-shadow .3s}.dp-inner:after{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--radius-xlarge);background:var(--pill-stroke-1);mask:linear-gradient(var(--bg-neutral-4-pressed) 0 0) exclude,linear-gradient(var(--bg-neutral-4-pressed) 0 0) content-box;pointer-events:none;opacity:0;transition:opacity .5s cubic-bezier(.33,0,0,1) .15s}.dp-card.sel .dp-inner{transform:scale(1.54,1.44);border-radius:var(--radius-xlarge);box-shadow:var(--shadow-8)}.dp-card.sel .dp-inner:after{opacity:1}.dp-card:not(.sel):hover{background:var(--bg-subtle-inverted-hover)}.dp-day{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-static-inverted);text-shadow:0 1px 2px rgba(0,0,0,.28);position:relative;z-index:2}.dp-mon{font-size:var(--font-size-body-1);color:var(--fg-on-photo-secondary);text-shadow:0 1px 2px rgba(0,0,0,.28);position:relative;z-index:2}.dp-card.empty .dp-day{color:var(--fg-neutral-2-rest);text-shadow:none}.dp-card.empty .dp-mon{color:var(--fg-neutral-2-rest);text-shadow:none;opacity:.6}.dp-card.empty{pointer-events:none;cursor:default}.sh-pr{container-type:inline-size;height:58.4rem;max-width:120rem;width:100vw;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--size-640)}.sh-pr .pp-spot{display:none}.sh-pr:after{display:none}.sh-p{position:absolute;border-radius:var(--size-280);overflow:hidden;box-shadow:var(--shadow-8);cursor:pointer;z-index:var(--shz, 1);transition:scale .3s cubic-bezier(.33,0,0,1),z-index 0s;opacity:0}.sh-p:hover{scale:1.1;z-index:10}.sh-p:active{transition-duration:.1s;scale:.9}.sh-p img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s}.sh-p img.loaded{opacity:1}.od4-empty{text-align:center;padding:var(--spacing-320) var(--spacing-160);color:var(--fg-neutral-2-rest);font-size:var(--font-size-body-1)}@media (max-width: 1920px){.pr-hero,.pr-hero .pp-spot{height:28.125rem}}@media (max-width: 1199px){.pr-hero,.pr-hero .pp-spot{height:22.3rem}}@media (max-width: 1920px){.sh-pr{height:46.4rem}}@media (max-width: 1199px){.sh-pr{height:31.9rem}}@media (max-width: 1024px){.pp-title.hero-title{font-size:var(--font-size-large-title);line-height:var(--line-height-large-title)}.pp-title{font-size:var(--font-size-title-1);line-height:var(--line-height-title-1)}.pp-subtitle{font-size:var(--font-size-body-2-stronger);line-height:var(--line-height-body-2-stronger)}.pr-hero,.pr-hero .pp-spot{height:21.3rem}.sh-pr{height:24.1rem}.pp.moment{padding:2.5rem 0}.pp.pp-side{flex-direction:column;align-items:center}.pp-ttl-side{flex:none;padding:var(--spacing-160) var(--spacing-200);text-align:center;align-items:center}.pp-pw{border-radius:var(--size-200);margin:0 var(--size-60)!important}.pr-hero .pp-pw{margin:0 -var(--size-60)!important}.dp-strip{gap:var(--size-100)}.dp-card{width:3.2rem;height:4rem}.dp-inner{width:2.4rem;height:3.2rem}.dp-day{font-size:var(--font-size-body-1)}.dp-mon{font-size:var(--font-size-caption-1)}}@media (max-width: 640px){.pp-title.hero-title{font-size:var(--font-size-title-1);line-height:var(--line-height-title-1)}.pp-title{font-size:var(--font-size-title-3);line-height:var(--line-height-title-3)}.pp-subtitle{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}.pr-hero,.pr-hero .pp-spot,.sh-pr{height:18.8rem}.pp.moment{padding:1.5rem 0}.pp-pr{padding:var(--size-100)}.pp-pw{border-radius:var(--radius-2xlarge);margin:0 3px!important}.pr-hero .pp-pw{margin:0 -var(--spacing-40)!important}.dp-strip{gap:var(--size-60)}.dp-card{width:2.6rem;height:3.2rem}.dp-inner{width:2rem;height:2.6rem}.dp-day{font-size:var(--font-size-caption-1)}.dp-mon{font-size:var(--font-size-caption-2)}}@keyframes pileIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@media (prefers-reduced-motion: reduce){.otd-card,.highlight-card,.year-card,.od4-year-card{animation:none!important;opacity:1!important}.sh-p{opacity:1;scale:1}}html[data-os-reduced-motion="1"] .otd-card,html[data-os-reduced-motion="1"] .highlight-card,html[data-os-reduced-motion="1"] .year-card,html[data-os-reduced-motion="1"] .od4-year-card{animation:none!important;opacity:1!important}html[data-os-reduced-motion="1"] .sh-p{opacity:1;scale:1}