body.timeline-page{overscroll-behavior:none;overflow:hidden}.tl-overlay{z-index:1;pointer-events:none;opacity:0;position:fixed;inset:0}.timeline-ready .tl-overlay a,.timeline-ready .tl-overlay button{pointer-events:auto}.tl-header{top:max(24px, env(safe-area-inset-top,0px));position:absolute;left:max(16px,4vw)}.tl-back{color:var(--muted);margin-bottom:1.2rem;font-size:.9rem;text-decoration:none;display:inline-block}.tl-back:hover,.tl-back:focus-visible{color:var(--accent)}.tl-header h1{text-shadow:0 2px 16px #0009;margin:0;font-size:clamp(2rem,5vw,3rem)}.tl-nav{left:50%;bottom:max(20px, env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.8rem;padding:.4rem .6rem;display:flex;position:absolute;transform:translate(-50%)}.tl-nav>button{width:40px;height:40px;font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;font-size:1.4rem;line-height:1}.tl-nav>button:disabled{opacity:.3;cursor:default}.tl-nav>button:not(:disabled):hover,.tl-nav>button:not(:disabled):focus-visible{border-color:var(--accent);color:var(--accent)}.tl-dots{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tl-dots button{border:2px solid var(--muted);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;display:block}.tl-dots button[aria-current]{border-color:var(--accent);background:var(--accent)}.tl-hint{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom,0px)) + 64px);white-space:nowrap;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 8px #000000e6;margin:0;font-size:.8rem;transition:opacity .4s;position:absolute;transform:translate(-50%)}.tl-hint.is-hidden{opacity:0}