*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-primary{background:linear-gradient(135deg,#8a9a5b,#9aad67);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#7a8a4b,#8a9a5b);box-shadow:0 4px 20px #8a9a5b66}.btn-primary:active{background:linear-gradient(135deg,#5c6b38,#6a7a42)!important;transform:scale(.96)!important;box-shadow:0 2px 8px #8a9a5b4d!important}.btn-ghost:active{background-color:#8a9a5b33!important;transform:scale(.96)!important}.btn-danger:active{background-color:#dc2626!important;color:#fff!important;transform:scale(.96)!important}button:active,[role=button]:active{opacity:.85}.btn-primary:active,.btn-ghost:active,.btn-danger:active{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes float-heart{0%{transform:translateY(100vh) scale(0) rotate(0);opacity:0}10%{opacity:.6}50%{opacity:.4}90%{opacity:.1}to{transform:translateY(-10vh) scale(1) rotate(45deg);opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #8a9a5b4d,0 0 15px #8a9a5b1a}50%{box-shadow:0 0 15px #8a9a5b80,0 0 30px #8a9a5b33}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes stagger-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-fade-in{animation:fade-in .5s ease-out}.animate-fade-in-up{animation:fade-in-up .6s ease-out}.animate-slide-up-fade{animation:slide-up-fade .3s cubic-bezier(.4,0,.2,1)}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float-subtle 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 4s ease infinite}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.27,1.55)}.animate-wiggle:hover{animation:wiggle .5s ease-in-out}.stagger-children>*{opacity:0;animation:stagger-in .5s cubic-bezier(.25,.46,.45,.94) forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.floating-hearts{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.floating-hearts .heart{position:absolute;bottom:-20px;animation:float-heart linear infinite;opacity:0}.glass{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.dark .glass{background:#0003;border:1px solid rgba(255,255,255,.08)}.gradient-text{background:linear-gradient(135deg,#8a9a5b,#b8c98e,#728961);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.code-shine{position:relative;overflow:hidden}.code-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:rotate(30deg);animation:shimmer 3s ease-in-out infinite}.polaroid-lift{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.polaroid-lift:hover{transform:rotate(0) translateY(-8px)!important;box-shadow:0 20px 40px -15px #00000026}.nav-pill{position:relative}.nav-pill:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:3px;border-radius:999px;background:#8a9a5b;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-pill.active:after{transform:translate(-50%) scaleX(1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8a9a5b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a9a5b80}.dark ::-webkit-scrollbar-thumb{background:#8a9a5b66}.dark ::-webkit-scrollbar-thumb:hover{background:#8a9a5b99}:focus-visible{outline:2px solid #8a9a5b;outline-offset:2px}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}.dark .loading-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a,#2a2a2a 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.safe-top{padding-top:env(safe-area-inset-top,24px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,24px)}.theme-toggle{--base-scale: 48px;--toggle-width: 4.5em;--toggle-height: 2em;--radius-pill: 100em;--sun-diameter: 1.7em;--sun-offset: calc((var(--toggle-height) - var(--sun-diameter)) / 2);--bg-toggle-light: #5c8ab8;--bg-toggle-dark: #1a2332;--color-sun: #f5d76e;--color-moon: #d4d8df;--color-crater: #a8adb8;--color-star: #fff;--color-cloud-front: #f8fcff;--color-cloud-back: #c8ddef;--shadow-primary: rgba(0, 0, 0, .2);--shadow-highlight: rgba(255, 255, 255, .9);--halo-color: rgba(255, 255, 255, .08);--transition-toggle: .35s cubic-bezier(.4, 0, .2, 1)}.theme-toggle{font-size:var(--base-scale);background:none;border:none;padding:0;cursor:pointer;outline:none}.theme-toggle:focus-visible{outline:2px solid #8a9a5b;outline-offset:4px;border-radius:var(--radius-pill)}.theme-toggle__container{width:var(--toggle-width);height:var(--toggle-height);background-color:var(--bg-toggle-light);border-radius:var(--radius-pill);position:relative;transition:background-color var(--transition-toggle);overflow:hidden;box-shadow:.04em .04em .1em var(--shadow-highlight)}.dark .theme-toggle__container{background-color:var(--bg-toggle-dark)}.theme-toggle__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 .04em .15em #0006 inset;border-radius:var(--radius-pill);pointer-events:none}.theme-toggle__sun{width:var(--sun-diameter);height:var(--sun-diameter);background-color:var(--color-sun);border-radius:50%;position:absolute;top:var(--sun-offset);transform:translate(var(--sun-offset));box-shadow:.03em .08em .1em var(--shadow-primary),0 .03em .1em var(--shadow-primary),.03em .03em .03em #feffef80 inset,0 -.03em .03em #c9a83a inset,0 0 0 .4em var(--halo-color),0 0 0 .8em var(--halo-color),0 0 0 1.2em var(--halo-color);transition:transform var(--transition-toggle);overflow:hidden}.dark .theme-toggle__container .theme-toggle__sun{transform:translate(calc(var(--toggle-width) - var(--sun-diameter) - var(--sun-offset)))}.theme-toggle__moon-mask{position:relative;width:100%;height:100%;background-color:var(--color-moon);border-radius:inherit;transform:translate(100%);transition:transform var(--transition-toggle);box-shadow:.04em .04em .04em #feffef80 inset,0 -.04em .04em #969696 inset}.dark .theme-toggle__container .theme-toggle__moon-mask{transform:translate(0)}.theme-toggle__crater{position:absolute;background-color:var(--color-crater);border-radius:50%;box-shadow:0 .02em .04em var(--shadow-primary) inset}.theme-toggle__crater:nth-of-type(1){top:.6em;left:.2em;width:.5em;height:.5em}.theme-toggle__crater:nth-of-type(2){top:.7em;left:1em;width:.28em;height:.28em}.theme-toggle__crater:nth-of-type(3){top:.22em;left:.6em;width:.18em;height:.18em}.theme-toggle__stars{position:absolute;left:.2em;transform:translateY(-1.5em);transition:transform var(--transition-toggle);width:2.2em;color:var(--color-star)}.dark .theme-toggle__container .theme-toggle__stars{transform:translateY(.35em)}.theme-toggle__clouds{position:absolute;left:.2em;top:1.5em;transform:translateY(0);width:1em;height:1em;background-color:var(--color-cloud-front);border-radius:50%;box-shadow:.75em .25em var(--color-cloud-front),1.15em .3em var(--color-cloud-front),1.75em 0 var(--color-cloud-front),2.35em .25em var(--color-cloud-front),2.9em -.05em var(--color-cloud-front),3.6em -.25em var(--color-cloud-front),3.7em -1.4em 0 .35em var(--color-cloud-front),-.25em -.25em var(--color-cloud-back),.4em -.1em var(--color-cloud-back),1em -.05em var(--color-cloud-back),1.6em -.25em var(--color-cloud-back),2.1em 0 var(--color-cloud-back),2.7em -.35em var(--color-cloud-back),3.2em -.5em var(--color-cloud-back),3.3em -1.7em 0 .35em var(--color-cloud-back);transition:transform var(--transition-toggle)}.dark .theme-toggle__container .theme-toggle__clouds{transform:translateY(2.4em)}.theme-toggle__container:hover .theme-toggle__sun{transform:translate(calc(var(--sun-offset) + .12em))}.dark .theme-toggle__container:hover .theme-toggle__sun{transform:translate(calc(var(--toggle-width) - var(--sun-diameter) - var(--sun-offset) - .12em))}:root{--eye-bg-primary: #faf9f7;--eye-bg-secondary: #f5f4f2;--eye-text-primary: #3d3d3d;--eye-text-secondary: #6b6b6b;--eye-accent-soft: #8fa66b;--eye-border: #e8e6e3}.dark{--eye-bg-primary: #1a1d17;--eye-bg-secondary: #232820;--eye-text-primary: #e5e3df;--eye-text-secondary: #a8a6a2;--eye-accent-soft: #9fb87a;--eye-border: #3a3d36}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scale-up .3s cubic-bezier(.165,.84,.44,1) forwards}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.page-transition-enter{animation:page-enter .35s cubic-bezier(.25,.46,.45,.94) forwards}.page-transition-exit{animation:page-exit .2s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.95)}}.toast-enter{animation:toast-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.toast-exit{animation:toast-out .2s ease-in forwards}.memory-masonry{column-count:2;column-gap:1rem}.memory-masonry-item{break-inside:avoid;margin-bottom:1rem}.scrapbook-polaroid{position:relative;padding:10px 10px 8px;background:#fff;border:1px solid #ece9e2;border-bottom-width:26px;border-radius:10px;box-shadow:0 10px 20px #00000014,0 2px 6px #0000000d;transform-origin:center top}.dark .scrapbook-polaroid{background:#2b2f2a;border-color:#3b3f39}.scrapbook-pin{position:absolute;top:7px;left:50%;width:8px;height:8px;border-radius:50%;background:#67764cc7;transform:translate(-50%);box-shadow:0 0 0 2px #ffffffb3}.scrapbook-milestone-card{border:1px solid var(--eye-border);border-radius:16px;padding:12px;background:linear-gradient(180deg,#8a9a5b14,#8a9a5b05),color-mix(in srgb,var(--eye-bg-secondary) 88%,#ffffff 12%)}.scrapbook-milestone-list{position:relative;padding-left:14px;display:flex;flex-direction:column;gap:10px}.scrapbook-milestone-list:before{content:"";position:absolute;left:3px;top:3px;bottom:3px;width:2px;border-radius:999px;background:linear-gradient(180deg,#8a9a5b80,#8a9a5b1a)}.scrapbook-milestone-item{display:flex;align-items:flex-start;gap:10px}.scrapbook-milestone-dot{position:relative;margin-top:4px;width:8px;height:8px;border-radius:50%;background:#8a9a5b;box-shadow:0 0 0 3px #8a9a5b2b}.scrapbook-milestone-content{flex:1;min-width:0}.scrapbook-paper-board{position:relative}.scrapbook-paper-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background:radial-gradient(circle at 18% 10%,rgba(138,154,91,.08),transparent 35%),radial-gradient(circle at 86% 22%,rgba(138,154,91,.06),transparent 36%);mix-blend-mode:multiply}.view-switch-enter{animation:fade-in-up .35s ease-out}.timeline-scroll-surface{scroll-behavior:smooth;overflow-x:clip}.story-year-quicknav{position:sticky;top:8px;z-index:30;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 0 10px;scrollbar-width:none}.story-year-quicknav::-webkit-scrollbar{display:none}.story-year-chip{flex:0 0 auto;height:30px;border-radius:999px;border:1px solid rgba(138,154,91,.25);background:linear-gradient(180deg,#ffffffe0,#f5f9e9c2),color-mix(in srgb,var(--eye-bg-primary) 88%,#ffffff 12%);color:color-mix(in srgb,var(--eye-text-primary) 85%,#4d6132 15%);padding:0 10px 0 12px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.story-year-chip:hover{transform:translateY(-1px);border-color:#8a9a5b73}.story-year-chip.is-active{border-color:#8a9a5b9e;background:linear-gradient(180deg,#f1f8e0fa,#dbe7bae6),color-mix(in srgb,var(--eye-bg-primary) 84%,#ffffff 16%);box-shadow:inset 0 1px #ffffffb3,0 4px 12px #424e3026}.story-year-chip.is-collapsed{border-style:dashed;opacity:.85}.story-year-chip.is-active.is-collapsed{opacity:1;border-style:solid}.story-year-chip-label{font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em}.story-year-chip-count{min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8a9a5b,#6b7a45)}.story-timeline{--story-year-col-width: 76px;--story-rail-x: calc(var(--story-year-col-width) / 2);--story-marker-top: 10px;position:relative;padding-right:2px;max-width:100%}.story-year-rail{position:absolute;left:calc(var(--story-rail-x) - 1px);top:4px;bottom:10px;width:2px;border-radius:999px;background:linear-gradient(180deg,#8a9a5b6b,#8a9a5b14),repeating-linear-gradient(180deg,#8a9a5b2b,#8a9a5b2b 16px,#8a9a5b0f 16px,#8a9a5b0f 32px);box-shadow:0 0 0 1px #8a9a5b1a,0 0 8px #8a9a5b29;pointer-events:none}.story-year-rail:before,.story-year-rail:after{content:"";position:absolute;left:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%);border:1px solid rgba(138,154,91,.32);background:linear-gradient(180deg,#f3f8e4f2,#d3e1b0e6)}.story-year-rail:before{top:-3px}.story-year-rail:after{bottom:-3px}.dark .story-year-rail{box-shadow:0 0 0 1px #b8c98e29,0 0 8px #b8c98e29}.story-year-group{position:relative;display:grid;grid-template-columns:var(--story-year-col-width) minmax(0,1fr);column-gap:10px;margin-bottom:14px;align-items:start;scroll-margin-top:84px}.story-year-group-col{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--story-marker-top);min-height:100%}.story-year-group-col:after{content:"";position:absolute;top:calc(var(--story-marker-top) + 21px);right:4px;width:12px;height:2px;border-radius:999px;background:linear-gradient(90deg,#8a9a5b6b,#8a9a5b1f)}.story-year-group-content{display:flex;flex-direction:column;gap:10px;min-width:0}.story-year-group-content.is-collapsed{gap:0}.story-memory-row{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;align-items:start}.story-memory-marker{display:flex;justify-content:center;padding-top:20px}.story-year-anchor{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-start;z-index:2}.story-year-anchor-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;cursor:pointer}.story-year-anchor-button:focus-visible{outline:2px solid rgba(138,154,91,.5);outline-offset:3px;border-radius:999px}.story-year-anchor-sticky{position:sticky;top:10px;margin-top:-2px;z-index:4;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.story-year-group.is-active .story-year-anchor-sticky{z-index:6}.story-year-badge{position:relative;width:50px;height:50px;border-radius:999px;border:1px solid rgba(138,154,91,.35);background:radial-gradient(circle at 35% 28%,#ffffffe6,#ffffff1f 52%,#fff0 72%),linear-gradient(170deg,#f5f9e9f2,#d0dfabe6);color:#5b6c38;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 1px #ffffffbf,0 8px 18px #424e302e,0 0 0 1px #ffffff73;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.story-year-badge:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:999px;border:1px dashed rgba(138,154,91,.28)}.story-year-badge-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.18;border-radius:999px;filter:blur(1px);pointer-events:none;z-index:0}.story-year-count{position:absolute;bottom:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,#8a9a5b,#6b7a45);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #0003;border:2px solid #fff;z-index:10;line-height:1}.dark .story-year-count{border-color:#2b2f2a;background:linear-gradient(135deg,#9fb87a,#728961)}.dark .story-year-collapse-indicator{border-color:#2b2f2a;background:linear-gradient(140deg,#93ad66,#6d8350)}.dark .story-year-collapsed-summary{border-color:#b8c98e59;background:linear-gradient(180deg,#455032b8,#384328c7);color:#e1ecc7f2}.dark .story-year-badge-cover{opacity:.12}.story-year-group .story-year-badge{box-shadow:inset 0 1px #ffffffbf,0 10px 24px #424e3038,0 4px 8px #424e301f,0 0 0 1px #ffffff80}.story-year-group.is-active .story-year-badge,.story-year-badge-active{border-color:#8a9a5b99;transform:translateY(-1px) scale(1.04);box-shadow:inset 0 1px #fffc,0 12px 24px #424e303d,0 0 0 2px #8a9a5b2e}.story-year-badge-collapsed{transform:scale(.96);filter:saturate(.9)}.story-year-collapse-indicator{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:#fff;border:2px solid #fff;background:linear-gradient(140deg,#7f8f57,#5f6f3d);box-shadow:0 2px 6px #333d2547;z-index:12}.story-year-collapsed-summary{width:100%;border:1px dashed rgba(138,154,91,.34);border-radius:10px;background:linear-gradient(180deg,#f5f9e9b8,#e4eccc9e);color:color-mix(in srgb,var(--eye-text-primary) 82%,#516236 18%);font-size:12px;font-weight:700;letter-spacing:.02em;text-align:left;padding:10px 12px;cursor:pointer}.story-year-collapsed-summary:hover{border-color:#8a9a5b80;background:linear-gradient(180deg,#f5f9e9e6,#dde9bfcc)}.story-year-dot{position:relative;margin-top:0;width:10px;height:10px;border-radius:999px;border:2px solid rgba(138,154,91,.35);background:color-mix(in srgb,var(--eye-bg-primary) 86%,#ffffff 14%);box-shadow:0 0 0 4px #8a9a5b1a,0 2px 8px #8a9a5b2e;z-index:2}.story-year-dot-active{border-color:#8a9a5bb8;box-shadow:0 0 0 5px #8a9a5b24,0 2px 10px #8a9a5b3d}.story-year-dot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:999px;background:#ffffffa6}.story-year-main{position:relative;z-index:1;font-size:20px;line-height:1;font-weight:800;letter-spacing:.05em}.story-year-sub{position:relative;z-index:1;margin-top:2px;font-size:10px;line-height:1;opacity:.75;letter-spacing:.05em}.dark .story-year-badge{color:#b8c98e;border-color:#b8c98e3d;background:radial-gradient(circle at 35% 28%,#ffffff47,#fff0 58%),linear-gradient(165deg,#485533e0,#374229eb)}.story-card{position:relative;padding:10px 10px 8px;border-radius:12px;border:1px solid #ece9e2;border-bottom-width:24px;background:#fff;box-shadow:0 10px 24px #00000014,0 2px 6px #0000000d;transition:transform .28s ease,box-shadow .28s ease;z-index:1;transform-origin:center top;will-change:transform}.story-card:before{content:"";position:absolute;top:-7px;left:14px;width:56px;height:14px;border-radius:4px;transform:rotate(-6deg);background:linear-gradient(180deg,#f8f1c3e0,#f2e7aac7);box-shadow:0 2px 4px #00000014;opacity:.85;pointer-events:none}.dark .story-card{background:#2b2f2a;border-color:#3b3f39}.story-card:hover{transform:translateY(-6px) rotate(0)!important;box-shadow:0 16px 30px #0000001c,0 4px 10px #00000012;z-index:3}.story-photo-wrap{width:100%;display:block;padding:6px;border-radius:6px;background:radial-gradient(circle at 18% 20%,rgba(138,154,91,.06),transparent 36%),color-mix(in srgb,var(--eye-bg-secondary) 90%,#ffffff 10%);overflow:hidden}.story-photo{width:100%;max-height:min(56vh,460px);display:block;object-fit:contain;border-radius:4px;border:1px solid rgba(138,154,91,.16)}.story-card-body{margin-top:10px;padding:0 2px}@media(max-width:420px){.memory-masonry{column-count:1}.story-timeline{--story-year-col-width: 66px;--story-marker-top: 10px}.story-year-group{grid-template-columns:var(--story-year-col-width) 1fr;column-gap:7px;margin-bottom:9px}.story-memory-row{grid-template-columns:14px minmax(0,1fr);column-gap:6px}.story-year-badge{width:42px;height:42px}.story-year-main{font-size:16px}.story-year-sub{font-size:9px}.story-year-count{min-width:16px;height:16px;font-size:8px;padding:0 3px;bottom:-3px;right:-3px}.story-year-group-col:after{right:3px;width:11px}.story-photo{max-height:min(52vh,380px)}.story-year-quicknav{top:6px;gap:6px;padding-bottom:6px;margin-bottom:8px}.story-year-chip{height:28px;padding:0 9px 0 10px;gap:6px}.story-year-chip-label{font-size:11px}.story-year-chip-count{min-width:16px;height:16px;font-size:9px}}@media(prefers-reduced-motion:reduce){.timeline-scroll-surface{scroll-behavior:auto}.story-year-chip,.story-year-badge,.story-year-dot,.story-year-anchor-sticky,.story-year-collapsed-summary{transition:none!important}}.cute-loading-card{min-width:250px;max-width:300px;padding:20px 20px 16px;border-radius:18px;border:1px solid var(--eye-border);background:color-mix(in srgb,var(--eye-bg-secondary) 90%,#ffffff 10%);box-shadow:0 16px 40px #1f29371f;display:flex;flex-direction:column;align-items:center;gap:14px}.cute-loading-text{font-size:14px;color:var(--eye-text-secondary);text-align:center;letter-spacing:.01em}.loading-scene-wrap{position:relative;width:180px;height:120px}.loading-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,transform .6s ease}.scene-active{opacity:1;transform:scale(1);pointer-events:auto}.scene-inactive{opacity:0;transform:scale(.85);pointer-events:none}.pixel-runner-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.pixel-runner-stage svg{display:block}.pixel-frame-a{animation:pixel-walk-a .5s steps(1) infinite}.pixel-frame-b{animation:pixel-walk-b .5s steps(1) infinite}@keyframes pixel-walk-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes pixel-walk-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.pixel-bounce{animation:pixel-bounce .5s ease-in-out infinite}@keyframes pixel-bounce{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-2px) translate(0)}50%{transform:translateY(0) translate(0)}75%{transform:translateY(-2px) translate(0)}}.pixel-ground-marks{animation:pixel-ground-scroll 1s linear infinite}@keyframes pixel-ground-scroll{0%{transform:translate(0)}to{transform:translate(-30px)}}.pixel-shadow{animation:pixel-shadow-pulse .5s ease-in-out infinite}@keyframes pixel-shadow-pulse{0%,to{transform:scaleX(1);opacity:.08}25%,75%{transform:scaleX(.7);opacity:.04}}.pixel-dust-a{animation:pixel-dust-1 .8s ease-out infinite}.pixel-dust-b{animation:pixel-dust-2 .8s ease-out .4s infinite}@keyframes pixel-dust-1{0%{transform:translate(16px,72px) scale(.3);opacity:.3}to{transform:translateY(60px) scale(1);opacity:0}}@keyframes pixel-dust-2{0%{transform:translate(12px,74px) scale(.3);opacity:.2}to{transform:translate(-4px,64px) scale(1);opacity:0}}.pixel-avatar-stage{display:flex;align-items:center;justify-content:center;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.pixel-avatar-frame-a{animation:pixel-avatar-frame-toggle-a 2.4s steps(1) infinite}.pixel-avatar-frame-b{animation:pixel-avatar-frame-toggle-b 2.4s steps(1) infinite}@keyframes pixel-avatar-frame-toggle-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes pixel-avatar-frame-toggle-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.pixel-avatar-bounce{animation:pixel-avatar-idle-bob 3s ease-in-out infinite}@keyframes pixel-avatar-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pixel-avatar-shadow{animation:pixel-avatar-shadow-pulse 3s ease-in-out infinite}@keyframes pixel-avatar-shadow-pulse{0%,to{transform:scaleX(1);opacity:.1}50%{transform:scaleX(.85);opacity:.06}}.pixel-avatar-sparkle-a{animation:avatar-sparkle-a 4s ease-in-out infinite}.pixel-avatar-sparkle-b{animation:avatar-sparkle-b 5s ease-in-out 1.2s infinite}.pixel-avatar-sparkle-c{animation:avatar-sparkle-c 4.5s ease-in-out 2.4s infinite}@keyframes avatar-sparkle-a{0%,to{transform:translate(12px,30px) scale(0);opacity:0}15%{transform:translate(12px,28px) scale(1);opacity:.8}50%{transform:translate(8px,12px) scale(.6);opacity:.3}85%{transform:translate(5px,5px) scale(.3);opacity:.6}}@keyframes avatar-sparkle-b{0%,to{transform:translate(92px,20px) scale(0);opacity:0}20%{transform:translate(92px,18px) scale(1);opacity:.6}50%{transform:translate(96px,8px) scale(.5);opacity:.2}80%{transform:translate(98px,3px) scale(.8);opacity:.5}}@keyframes avatar-sparkle-c{0%,to{transform:translate(80px,100px) scale(0);opacity:0}25%{transform:translate(80px,96px) scale(1);opacity:.5}50%{transform:translate(84px,88px) scale(.4);opacity:.15}75%{transform:translate(86px,82px) scale(.7);opacity:.5}}.pixel-avatar-gleam{animation:avatar-glasses-gleam 5s ease-in-out infinite 1.5s}@keyframes avatar-glasses-gleam{0%,80%,to{transform:translate(0);opacity:0}88%{opacity:.7}96%{transform:translate(40px);opacity:0}}.pixel-avatar-carousel{position:relative;overflow:hidden;border-radius:18px;padding:6px 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.02),transparent)}.pixel-avatar-track{display:flex;transition:transform .45s ease;width:100%}.pixel-avatar-slide{min-width:100%;display:flex;align-items:center;justify-content:center;padding:6px 0 8px}.pixel-avatar-nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 8px}.pixel-avatar-nav-btn{pointer-events:auto;width:32px;height:32px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffd9;color:#5c3325;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000014;transition:transform .2s ease,opacity .2s ease}.pixel-avatar-nav-btn:hover{transform:translateY(-1px)}.pixel-avatar-meta{margin-top:10px}.runner-stage{width:180px;height:100px;overflow:hidden}.runner-stage svg{width:100%;height:100%;display:block}.runner-ground-marks{animation:runner-ground-scroll .8s linear infinite}.runner-bounce{animation:runner-bounce .45s ease-in-out infinite}.runner-shadow{transform-origin:100px 101px;animation:runner-shadow-pulse .45s ease-in-out infinite}.runner-leg-f{animation:runner-leg-f .45s ease-in-out infinite alternate}.runner-leg-b{animation:runner-leg-b .45s ease-in-out infinite alternate}.runner-arm-f{animation:runner-arm-f .45s ease-in-out infinite alternate}.runner-arm-b{animation:runner-arm-b .45s ease-in-out infinite alternate}.runner-scarf-tail{transform-origin:90px 55.5px;animation:runner-scarf-wave .6s ease-in-out infinite alternate}.runner-blink{transform-origin:100px 40px;animation:runner-blink 3s step-end infinite}.runner-dust-a{animation:runner-dust-1 .9s ease-out infinite}.runner-dust-b{animation:runner-dust-2 .9s ease-out .3s infinite}.runner-dust-c{animation:runner-dust-3 .9s ease-out .6s infinite}@keyframes runner-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes runner-ground-scroll{0%{transform:translate(0)}to{transform:translate(-50px)}}@keyframes runner-shadow-pulse{0%,to{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.75);opacity:.07}}@keyframes runner-leg-f{0%{transform:translate(103px,78px) rotate(-28deg)}to{transform:translate(103px,78px) rotate(32deg)}}@keyframes runner-leg-b{0%{transform:translate(97px,78px) rotate(32deg)}to{transform:translate(97px,78px) rotate(-28deg)}}@keyframes runner-arm-f{0%{transform:translate(103px,58px) rotate(28deg)}to{transform:translate(103px,58px) rotate(-32deg)}}@keyframes runner-arm-b{0%{transform:translate(97px,58px) rotate(-32deg)}to{transform:translate(97px,58px) rotate(28deg)}}@keyframes runner-scarf-wave{0%{transform:rotate(0) translate(0)}to{transform:rotate(-6deg) translate(-2px)}}@keyframes runner-blink{0%,94%{transform:scaleY(1)}95%{transform:scaleY(.1)}97%,to{transform:scaleY(1)}}@keyframes runner-dust-1{0%{transform:translate(82px,96px) scale(.3);opacity:.3}to{transform:translate(60px,84px) scale(1);opacity:0}}@keyframes runner-dust-2{0%{transform:translate(78px,94px) scale(.3);opacity:.25}to{transform:translate(55px,80px) scale(1);opacity:0}}@keyframes runner-dust-3{0%{transform:translate(84px,98px) scale(.3);opacity:.2}to{transform:translate(65px,88px) scale(1);opacity:0}}.cartoon-avatar-stage{display:flex;justify-content:center;align-items:center}.cartoon-avatar-breathe{animation:cartoon-breathe 3s ease-in-out infinite;transform-origin:center bottom}@keyframes cartoon-breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.008)}}.cartoon-gleam{animation:cartoon-gleam-sweep 4s ease-in-out infinite}@keyframes cartoon-gleam-sweep{0%,60%,to{opacity:.15;transform:translate(0)}70%{opacity:.6;transform:translate(8px)}80%{opacity:.15;transform:translate(16px)}}.cartoon-suitcase-sway{animation:cartoon-sway 3s ease-in-out infinite;transform-origin:110px 100px}@keyframes cartoon-sway{0%,to{transform:rotate(0)}30%{transform:rotate(2deg)}70%{transform:rotate(-1.5deg)}}.cartoon-push-glasses{animation:cartoon-push 4s ease-in-out infinite}@keyframes cartoon-push{0%,80%,to{transform:translateY(0)}85%{transform:translateY(-2px) translate(1px)}90%{transform:translateY(0)}}.cartoon-hands-rub{animation:cartoon-rub 2.5s ease-in-out infinite}@keyframes cartoon-rub{0%,to{transform:translate(0)}25%{transform:translate(1.5px)}50%{transform:translate(0)}75%{transform:translate(-1.5px)}}@media(prefers-reduced-motion:reduce){.pixel-avatar-frame-a,.pixel-avatar-bounce,.pixel-avatar-shadow,.pixel-avatar-sparkle-a,.pixel-avatar-sparkle-b,.pixel-avatar-sparkle-c,.pixel-avatar-gleam,.cartoon-avatar-breathe,.cartoon-gleam,.cartoon-suitcase-sway,.cartoon-push-glasses,.cartoon-hands-rub{animation:none!important}.pixel-avatar-frame-b{display:none;animation:none!important}}