.life-archive{--life-ease:cubic-bezier(.22, 1, .36, 1);width:100%;max-width:none;margin:0;padding:0}.life-archive button{cursor:pointer}.life-archive button:focus-visible{outline-offset:5px}.life-mono{letter-spacing:.1em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;line-height:1.6}.life-photo{position:absolute;inset:0;overflow:hidden}.life-photo img{object-fit:cover}.life-photo-current{background:var(--surface-subtle);opacity:0;transition:opacity .75s var(--life-ease), transform 1.4s var(--life-ease);position:absolute;inset:0;transform:scale(1.045)}.life-photo-current.is-loaded{opacity:1;transform:scale(1)}.life-photo img.is-contained{object-fit:contain}.life-photo-error{z-index:2;background:var(--surface-subtle);color:var(--foreground);text-align:center;align-content:center;justify-items:center;gap:12px;padding:24px;font-size:14px;line-height:1.6;display:grid;position:absolute;inset:0}.life-photo-error p{margin:0}.life-photo-retry{border-radius:var(--radius-md);min-height:44px;color:inherit;background:0 0;border:1px solid;padding:8px 16px}.life-cinema .life-photo-error{color:#fff;background:#233a36;align-content:start;padding-top:28px}.life-cinema-caption{z-index:2}.life-cinema-bottom{z-index:3}.life-cinema{aspect-ratio:2.35;isolation:isolate;border-radius:var(--radius-lg);color:#fff;touch-action:pan-y;background:#233a36;height:auto;position:relative;overflow:hidden}.life-cinema-shade{pointer-events:none;background:linear-gradient(#060f1247,#0000 30%),linear-gradient(90deg,#060f1247,#0000 70%),linear-gradient(#0000,#060f121f 43%,#060f12c2);position:absolute;inset:0}.life-cinema-caption{animation:life-copy-in .65s var(--life-ease) both;pointer-events:none;position:absolute;bottom:104px;left:40px;right:120px}.life-cinema-meaning{letter-spacing:.2em;text-transform:uppercase;color:#ffffffe0;align-items:center;gap:12px;font-size:11px;display:inline-flex}.life-cinema-meaning:before{content:"";background:currentColor;width:22px;height:1px}.life-cinema-caption h3{letter-spacing:-.035em;margin:14px 0 15px;font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.1}.life-cinema-caption p{color:#ffffffe0;max-width:420px;margin:0;font-size:14px;line-height:1.8}.life-cinema-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;bottom:24px;left:40px;right:28px}.life-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.life-round-control{border:1px solid var(--border-soft);width:44px;height:44px;color:var(--foreground);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .2s,background .2s,transform .2s;display:grid}.life-round-control:hover{border-color:var(--accent);background:var(--surface-subtle);transform:translateY(-1px)}.life-cinema .life-round-control{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0810123d;border-color:#ffffff61}.life-cinema .life-round-control:hover{background:#0810128a;border-color:#fff}.life-tabs{overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid var(--border-soft);min-width:0;display:flex;position:relative;overflow-x:auto}.life-tabs::-webkit-scrollbar{display:none}.life-tab{min-width:0;min-height:74px;color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:10px;padding:14px 18px;transition:color .2s,background .2s;display:flex;position:relative}.life-tab:hover{color:var(--foreground)}.life-tab.is-active{color:var(--foreground);background:color-mix(in srgb, var(--brand-accent) 4%, transparent)}.life-tab-label{font-size:13px;font-weight:500}.life-tab-detail{color:var(--muted);font-size:10px}.life-tab-indicator{background:var(--accent);transform-origin:0;height:2px;transition:transform .35s var(--life-ease);position:absolute;bottom:0;left:20px;right:20px;transform:scaleX(0)}.life-tab.is-active .life-tab-indicator{transform:scaleX(1)}.life-collection{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 58%, var(--background));overflow:hidden}.life-collection-panel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.life-exhibit{isolation:isolate;touch-action:pan-y;background:linear-gradient(135deg, color-mix(in srgb, var(--surface-subtle) 90%, var(--background)), var(--background));place-items:center;min-height:470px;padding:60px 38px 86px;display:grid;position:relative;overflow:hidden}.life-exhibit:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 9%, transparent);background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--surface) 75%, transparent), transparent 75%);z-index:-1;border-radius:48% 48% 0 0/45% 45% 0 0;position:absolute;inset:26px 32px 55px}.life-exhibit-light{z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--gold) 9%, transparent), transparent 70%);pointer-events:none;width:70%;height:85%;position:absolute;top:-15%;left:15%}.life-exhibit-art{aspect-ratio:4/3;isolation:isolate;background:var(--surface-subtle);width:min(100%,400px);transition:width .55s var(--life-ease);margin:0;display:block;position:relative;box-shadow:0 18px 44px #10182824,0 3px 10px #10182812}.life-exhibit[data-exhibit=tea] .life-exhibit-art{aspect-ratio:1435/953}.life-exhibit[data-exhibit=nft] .life-exhibit-art{aspect-ratio:1;width:min(100%,300px)}.life-exhibit[data-exhibit=toy] .life-exhibit-art{aspect-ratio:1600/2134;width:min(100%,228px)}.life-exhibit-plinth{border-top:1px solid color-mix(in srgb, var(--surface) 90%, var(--border));background:linear-gradient(var(--surface), color-mix(in srgb, var(--accent) 5%, var(--surface-subtle)));height:22px;position:absolute;bottom:44px;left:12%;right:12%;transform:perspective(800px)rotateX(24deg);box-shadow:0 18px 25px -12px #10182833}.life-collection-story{min-width:0;animation:life-copy-in .5s var(--life-ease) both;flex-direction:column;justify-content:center;padding:38px 42px;display:flex}.life-collection-story h3{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.18}.life-collection-description{max-width:320px;color:var(--muted);margin:0;font-size:15px;line-height:1.95}.life-collection-notes{border-top:1px solid var(--border-soft);margin:32px 0 0}.life-collection-notes summary{min-height:54px;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;font-size:13px;list-style:none;display:flex}.life-collection-notes summary::-webkit-details-marker{display:none}.life-collection-notes summary svg{transition:transform .24s}.life-collection-notes[open] summary svg{transform:rotate(180deg)}.life-collection-notes p{color:var(--muted);animation:life-copy-in .25s var(--life-ease);margin:4px 0 0;font-size:13px;line-height:1.9}.life-collection-catalogue{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 65%, var(--background));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.life-catalogue-item{min-width:0;min-height:145px;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 12px 24px;font-size:12px;transition:color .25s,background .25s;display:flex;position:relative}.life-catalogue-thumbnail{opacity:.62;width:76px;height:52px;transition:opacity .3s, transform .4s var(--life-ease);position:relative;overflow:hidden}.life-catalogue-item:hover .life-catalogue-thumbnail,.life-catalogue-item.is-active .life-catalogue-thumbnail{opacity:1;transform:translateY(-3px)}.life-catalogue-item.is-active{color:var(--foreground);background:color-mix(in srgb, var(--brand-accent) 4%, transparent)}.life-catalogue-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;transition:transform .25s;position:absolute;bottom:12px;transform:scale(0)}.life-catalogue-item.is-active .life-catalogue-dot{transform:scale(1)}.life-catalogue-item:focus-visible{outline-offset:-5px}.life-atlas-layout{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;padding:0 0 32px;display:grid}.life-atlas-map-panel{min-width:0}.life-map-stage{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 3%, var(--background));height:474px;position:relative;overflow:hidden}.life-map-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:16px 0 42px;overflow:hidden}.life-map-canvas.is-dragging{cursor:grabbing}.life-map-canvas:focus-visible{outline-offset:-4px}.life-map-plane{aspect-ratio:2;position:absolute;top:50%;left:50%}.life-map-plane.is-animated{transition:width .75s var(--life-ease), transform .75s var(--life-ease)}.life-map-svg{width:100%;height:100%;display:block;overflow:visible}.life-map-grid-line{stroke:color-mix(in srgb, var(--accent) 10%, transparent);stroke-width:.6px}.life-map-land path{fill:color-mix(in srgb, var(--accent) 11%, var(--background));stroke:color-mix(in srgb, var(--accent) 43%, var(--border));stroke-width:.7px;stroke-linejoin:round}.life-map-equator{stroke:color-mix(in srgb, var(--accent) 13%, transparent);stroke-width:.7px;stroke-dasharray:3 6}.life-map-memory-line{fill:none;stroke:var(--brand-accent);stroke-width:1.2px;stroke-dasharray:3 5;opacity:.5}.life-map-place-names text{fill:var(--muted);font-size:8px;font-family:var(--font-sans);letter-spacing:1.3px;text-anchor:middle;opacity:.66;font-weight:500}.life-map-place-names .life-map-ocean{fill:var(--accent);opacity:.4;letter-spacing:2px;font-size:7px}.life-map-countries{pointer-events:none;position:absolute;inset:0}.life-map-country{color:color-mix(in srgb, var(--accent) 65%, var(--muted));letter-spacing:.06em;white-space:nowrap;text-shadow:0 1px 3px var(--background), 0 -1px 3px var(--background);font-size:11px;font-weight:500;line-height:1.3;position:absolute;transform:translate(-50%,-50%)}.life-map-plane.is-detailed .life-map-place-names{visibility:hidden}.life-map-cluster{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border-soft));width:44px;height:44px;color:var(--accent-foreground);background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb, var(--brand-accent) 12%, transparent);transform-origin:50%;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;transform:translate(-50%,-50%)}.life-map-pin{z-index:2;transform-origin:8px;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;min-height:44px;padding:0;display:flex;position:absolute;transform:translate(-8px,-50%)}.life-map-pin.label-left{transform-origin:calc(100% - 8px);flex-direction:row-reverse;transform:translate(calc(8px - 100%),-50%)}.life-map-pin.is-active{z-index:4}.life-map-pin-dot{border:3px solid var(--surface);background:var(--city-accent);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb, var(--city-accent) 35%, transparent);border-radius:50%;flex-shrink:0;transition:box-shadow .3s,transform .3s;position:relative}.life-map-pin:hover .life-map-pin-dot{transform:scale(1.12)}.life-map-pin.is-active .life-map-pin-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--brand-accent) 16%, transparent), 0 0 0 12px color-mix(in srgb, var(--brand-accent) 6%, transparent)}.life-map-pin-label{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--foreground);border-radius:4px;padding:6px 8px;font-size:11px;font-weight:500;transition:color .24s,background .24s}.life-map-pin.is-active .life-map-pin-label{background:var(--accent);color:var(--accent-foreground);border-color:#0000}.life-map-pin[data-city=shanghai] .life-map-pin-label{transform:translateY(-14px)}.life-map-pin[data-city=hangzhou] .life-map-pin-label{transform:translateY(14px)}.life-map-pin[data-city=kuala-lumpur] .life-map-pin-label{transform:translateY(-12px)}.life-map-pin[data-city=singapore] .life-map-pin-label{transform:translateY(12px)}.life-map-tools{z-index:5;border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;display:flex;position:absolute;bottom:56px;left:16px;overflow:hidden}.life-map-tools button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.life-map-tools button:hover:not(:disabled){background:var(--surface-subtle);color:var(--accent)}.life-map-tools button:disabled{opacity:.35;cursor:default}.life-map-tools button:focus-visible{outline-offset:-5px}.life-map-tools>span{background:var(--border-soft);width:1px;height:18px}.life-map-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:15px;left:18px;right:18px}.life-map-footer .life-mono{letter-spacing:.035em;font-size:10px}.life-city-panel{min-width:0}.life-city-heading{animation:life-copy-in .5s var(--life-ease) both;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.life-city-heading h3{letter-spacing:-.03em;margin:8px 0 0;font-size:32px;font-weight:500;line-height:1.15}.life-city-count{color:var(--muted);padding-bottom:3px;font-family:SFMono-Regular,Consolas,monospace;font-size:20px}.life-city-count>span{font-family:var(--font-sans);margin-left:8px;font-size:10px}.life-city-photograph{aspect-ratio:1.65;isolation:isolate;border-radius:var(--radius-md);background:var(--surface-subtle);touch-action:pan-y;margin:0;position:relative;overflow:hidden}.life-city-photo-caption{z-index:2;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0000008c);justify-content:space-between;align-items:end;gap:12px;padding:30px 16px 14px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.life-city-photo-caption .life-mono{font-size:8px}.life-city-filmstrip{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.life-city-thumbnails{scrollbar-width:none;gap:7px;min-width:0;display:flex;overflow-x:auto}.life-city-thumbnail{background:var(--surface);opacity:.64;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:56px;height:44px;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.life-city-thumbnail.is-active{opacity:1;border-color:var(--accent)}.life-city-thumbnail:hover{opacity:1}.life-city-filmstrip .life-controls{gap:5px}.life-city-filmstrip .life-round-control{width:44px;height:44px}.life-city-memory{color:var(--muted);animation:life-copy-in .55s var(--life-ease) both;margin:22px 0 10px;font-size:13px;line-height:1.95}.life-empty-gallery{height:100%;color:var(--muted);text-align:center;place-content:center;gap:8px;padding:24px;font-size:13px;display:grid}@keyframes life-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.life-cinema{height:clamp(300px,38vw,360px)}.life-cinema-caption{bottom:96px;left:28px}.life-cinema-caption h3{font-size:52px}.life-cinema-bottom{left:28px}.life-tab-detail{display:none}.life-collection-story{padding:30px 28px}.life-exhibit{min-height:430px;padding-inline:28px}.life-atlas-layout{gap:24px}.life-map-stage{height:446px}.life-city-heading h3{font-size:28px}.life-city-thumbnail{width:48px}}@media (max-width:767px){.life-cinema{aspect-ratio:.88;border-radius:12px;height:auto}.life-cinema-caption{bottom:100px;left:24px;right:22px}.life-cinema-caption h3{margin-top:14px;margin-bottom:14px;font-size:clamp(44px,12vw,60px)}.life-cinema-caption p{max-width:270px;font-size:12px;line-height:1.85}.life-cinema-meaning{font-size:9px}.life-cinema-bottom{bottom:20px;left:24px;right:18px}.life-tab{flex:1 0 108px;justify-content:start;gap:9px;min-height:67px;padding:14px}.life-tab-label{font-size:12px}.life-tab-indicator{left:14px;right:14px}.life-collection-panel{grid-template-columns:minmax(0,1fr)}.life-exhibit{min-height:355px;padding:40px 40px 72px}.life-exhibit:before{inset:20px 24px 42px}.life-exhibit-plinth{height:17px;bottom:32px}.life-exhibit-art{width:min(100%,330px)}.life-exhibit[data-exhibit=nft] .life-exhibit-art{width:min(100%,240px)}.life-exhibit[data-exhibit=toy] .life-exhibit-art{width:min(100%,184px)}.life-collection-story{padding:12px 28px 30px}.life-collection-story h3{margin:0 0 14px;font-size:32px}.life-collection-description{max-width:320px;font-size:13px}.life-collection-notes{margin-top:20px}.life-collection-catalogue{scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.life-catalogue-item{scroll-snap-align:center;flex:1 0 88px;min-height:124px;padding:16px 10px 22px;font-size:11px}.life-catalogue-thumbnail{width:60px;height:44px}.life-atlas-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:0}.life-map-stage{border-radius:12px;height:410px}.life-map-land path{stroke-width:1px}.life-map-pin-label{padding:6px 8px;font-size:11px}.life-map-pin{gap:5px}.life-map-footer{bottom:12px;left:12px;right:12px}.life-city-heading{margin-bottom:16px}.life-city-heading h3{font-size:30px}.life-city-photograph{aspect-ratio:1.4}.life-city-thumbnail{width:48px}.life-city-memory{margin-top:20px;font-size:13px}}@media (max-width:359px){.life-city-filmstrip{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.life-photo-current,.life-map-plane,.life-tab-indicator,.life-cinema-caption,.life-city-memory,.life-collection-story{transition:none;animation:none}.life-map-plane.is-animated{transition:none}}.life-movement>.life-tabs{border-top:1px solid var(--border-soft);margin-bottom:16px}.life-movement-progress{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.life-movement-progress span{background:#ffffff59;width:16px;height:2px;transition:width .3s,background .3s}.life-movement-progress span.is-active{background:#fff;width:32px}