#memories{z-index:52;pointer-events:none;display:none;position:fixed;inset:0}#memories.is-on{display:block}#memories>*{pointer-events:auto;touch-action:pan-y pinch-zoom}#memories>.mem-cut,#memories>.sr-only{pointer-events:none}.mem-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:0;padding:0;display:none;position:absolute;top:0;left:0}.mem-hit.is-on{display:block}.mem-hit:focus-visible{outline:none}.mem-card{--mem:var(--accent);--mem-plate:#0b0d14;--mem-ink:#f4f2fb;--mem-text:color-mix(in oklab, var(--mem) 70%, #fff);opacity:0;max-width:min(320px,100vw - 32px);transition:opacity .3s var(--ease-out,ease-out);will-change:transform, opacity;gap:8px;display:grid;position:absolute;top:0;left:0}.mem-card[aria-hidden=true]{visibility:hidden}#memories>.mem-card.is-moving{pointer-events:none}.mem-card__main{border:1px solid color-mix(in oklab, var(--mem) 60%, transparent);background:color-mix(in oklab, var(--mem-plate) 92%, transparent);color:var(--mem-ink);text-align:left;font:inherit;cursor:pointer;box-shadow:0 0 24px color-mix(in oklab, var(--mem) 28%, transparent);border-radius:4px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;margin:0;padding:10px 14px 10px 12px;display:grid}.mem-card__main:focus-visible{outline:2px solid var(--mem);outline-offset:3px}.mem-card__num{letter-spacing:.14em;color:var(--mem-text);font-size:11px}.mem-card__label{letter-spacing:.01em;font-size:15px;font-weight:600}.mem-card__kicker,.mem-card__fly{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--mem-ink) 72%, transparent);grid-column:1/-1;font-size:10px}.mem-card__fly{border:1px solid var(--mem);color:var(--mem-text);border-radius:999px;justify-self:start;margin-top:4px;padding:4px 8px}.mem-card__fly:before{content:"‹‹ "}.mem-card:not(.is-focus) .mem-card__kicker,.mem-card:not(.is-focus) .mem-card__fly,.mem-card:not(.is-focus) .mem-card__chips{display:none}.mem-card.is-focus .mem-card__main{border-color:var(--mem)}.mem-card.is-flash .mem-card__main{background:color-mix(in oklab, var(--mem) 40%, transparent)}.mem-card__chips{flex-wrap:wrap;gap:6px;display:flex}.mem-chip{border:1px solid color-mix(in oklab, var(--mem) 55%, transparent);background:color-mix(in oklab, var(--mem-plate) 92%, transparent);color:var(--mem-ink);font:inherit;letter-spacing:.08em;cursor:pointer;border-radius:999px;margin:0;padding:5px 9px;font-size:10px}.mem-chip:hover,.mem-chip:focus-visible{border-color:var(--mem);outline:none}.mem-chip__year{color:var(--mem-text);margin-left:6px}@media (max-width:760px){.mem-card{max-width:min(260px,100vw - 32px)}.mem-card__label{font-size:14px}.mem-card__chips.is-years .mem-chip__full{display:none}.mem-card__chips.is-years .mem-chip__year{margin-left:0}}.mem-cut{background:var(--paper-solid,#000);opacity:0;position:fixed;inset:0}.chapter .sx{--lb-dir:-1}.chapter[data-side=right] .sx{--lb-dir:1}.chapter[data-side=center] .sx{--lb-dir:0}body.is-looking .chapter.is-active .sx{opacity:calc(1 - .92 * var(--lb,0));translate:calc(var(--lb-dir) * 24px * var(--lb,0)) 0}body.is-looking .chapter:before{opacity:calc(.85 - .45 * var(--lb,0))}body.is-looking-deep [data-copy]{pointer-events:none}body.is-orbiting,body.is-orbiting *{-webkit-user-select:none;user-select:none}#cursor.is-drag:not(.is-hover) .cur__ring,#cursor.is-grab .cur__ring{border-radius:999px;width:56px;height:30px}#cursor.is-drag:not(.is-hover) .cur__ring:before,#cursor.is-grab .cur__ring:before{content:"‹ ›";letter-spacing:.2em;color:#ffffffeb;font-size:13px;line-height:1}#cursor.is-grab .cur__ring{background-color:#ffffff1a;width:64px}body.has-cursor.is-orbiting,body.has-cursor.is-orbiting *{cursor:none}body:not(.has-cursor).is-orbiting{cursor:grabbing}.hud__look{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--footer-h,48px) * .5);color:var(--ink,#fff);font:inherit;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 2px var(--halo,transparent), 0 0 8px var(--halo-tight,transparent);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out,ease-out), transform .6s var(--ease-out,ease-out), visibility 0s linear .6s;background:0 0;border:0;justify-items:center;gap:4px;margin:0;padding:6px 12px;font-size:10px;font-weight:500;display:grid;position:absolute;transform:translate(-50%,50%)translateY(6px)}.hud__look:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__look.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--ease-out,ease-out), transform .6s var(--ease-out,ease-out), visibility 0s linear 0s;transform:translate(-50%,50%)}.hud__look.is-on.is-quiet:not(.is-back):not(:hover):not(:focus-visible){opacity:.6}.hud__look:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud__look-row{align-items:center;gap:8px;display:flex}.hud__look-chev:before{content:"‹‹";letter-spacing:.1em}.hud__look.is-back .hud__look-chev:before{content:"››"}.hud__look-hint{letter-spacing:.12em;opacity:.72;text-transform:none;font-size:9px}.hud__look-hint--touch{display:none}body.menu-open .hud__look{opacity:0;visibility:hidden}#hud.has-look .hud__scroll{opacity:0}.hud__tick.is-memory{--tick-memory:1;color:var(--accent)}.hud__tick.is-memory:after{box-shadow:0 0 0 2px var(--accent), 0 0 12px var(--accent)}@media (max-width:760px),(max-height:520px) and (min-aspect-ratio:1){.hud__look{top:calc(env(safe-area-inset-top,0px) + var(--hud-top-h,64px) + 8px);border:1px solid color-mix(in oklab, var(--ink,#fff) 30%, transparent);background:color-mix(in oklab, var(--paper-solid,#0b0d14) 60%, transparent);border-radius:999px;padding:6px 12px;bottom:auto;transform:translate(-50%,-6px)}.hud__look.is-on{transform:translate(-50%)}.hud__look.is-quiet:not(.is-back) .hud__look-lbl,.hud__look-hint--mouse{display:none}.hud__look-hint--touch{display:block}}@media (pointer:coarse){.hud__look-hint--mouse{display:none}.hud__look-hint--touch{display:block}}@media (prefers-reduced-motion:reduce){.mem-card,.hud__look,.hud__look.is-on{transition:opacity .16s linear,visibility linear}.hud__look,.hud__look.is-on{transform:translate(-50%,50%)}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.hud__look,.hud__look.is-on{transform:translate(-50%)}}
