:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-strong:#eef2f7;--text:#101318;--muted:#647084;--border:#d9e1eb;--accent:#047c8a;--accent-2:#b05a00;--shadow:0 24px 70px #0f172a24}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--surface:#11151d;--surface-strong:#1b2230;--text:#f4f7fb;--muted:#9ca8ba;--border:#2b3444;--accent:#4ec9d8;--accent-2:#f0a24a;--shadow:0 24px 80px #00000073}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--surface:#11151d;--surface-strong:#1b2230;--text:#f4f7fb;--muted:#9ca8ba;--border:#2b3444;--accent:#4ec9d8;--accent-2:#f0a24a;--shadow:0 24px 80px #00000073}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-strong:#eef2f7;--text:#101318;--muted:#647084;--border:#d9e1eb;--accent:#047c8a;--accent-2:#b05a00;--shadow:0 24px 70px #0f172a24}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.site-shell{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 28%), linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--surface-strong) 55%, var(--bg)));min-block-size:100svh;padding:1.25rem;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:1rem;max-inline-size:1180px;margin-inline:auto;display:flex}.brand,.topbar-actions,.theme-button,.system-button{align-items:center;display:inline-flex}.brand{color:var(--text);letter-spacing:0;gap:.65rem;font-size:.95rem;font-weight:760;text-decoration:none}.brand-mark{border:2px solid var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;block-size:1.2rem;inline-size:1.2rem}.topbar-actions{gap:.5rem}.theme-button,.system-button,.era-filter button,.controls button,.close-button,.ebook-link{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);color:var(--text);cursor:pointer;border-radius:8px}.theme-button,.system-button{gap:.45rem;min-block-size:2.35rem;padding:0 .8rem;font-size:.82rem;font-weight:720}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:1rem;inline-size:1rem}.intro{max-inline-size:1180px;margin:clamp(1.6rem,3.5vw,3rem) auto 1.2rem}.source{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:800}h1{letter-spacing:0;max-inline-size:980px;margin:0;font-size:clamp(2.2rem,5.5vw,4.35rem);font-weight:820;line-height:.98}.intro p:last-child{max-inline-size:660px;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.timeline-stage{--card-width:19rem;--card-gap:3rem;min-block-size:25rem;max-inline-size:1180px;margin-inline:auto;padding-block:1.6rem 1rem;position:relative}.timeline-window:before{background:linear-gradient(90deg, transparent, var(--border) 12%, var(--border) 88%, transparent);content:"";block-size:2px;position:absolute;inset-block-start:3rem;inset-inline:0}.era-filter{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.era-filter button{min-block-size:2.2rem;color:var(--muted);padding:0 .72rem;font-size:.78rem;font-weight:760}.era-filter button.selected{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.controls{grid-template-columns:2.7rem minmax(6rem,1fr) 2.7rem;align-items:center;gap:.75rem;max-inline-size:620px;margin-block-end:1.1rem;display:grid}.controls button{place-items:center;block-size:2.7rem;inline-size:2.7rem;display:grid}.controls button:disabled{cursor:not-allowed;opacity:.42}.progress{background:var(--surface-strong);border-radius:999px;block-size:.45rem;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));block-size:100%;transition:inline-size .32s;display:block}.track{gap:var(--card-gap);inline-size:max-content;padding-block-start:5rem;padding-inline:calc((min(100vw - 2.5rem, 1180px) - var(--card-width)) / 2);display:flex}.timeline-window{scroll-behavior:smooth;margin-inline:calc(50% + min(100vw - 2.5rem,1180px)/-2);position:relative;overflow:hidden}.event-card{inline-size:var(--card-width);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);min-block-size:17.8rem;color:var(--text);text-align:start;cursor:pointer;border-radius:8px;align-content:start;padding:1.1rem;transition:transform .26s,border-color .26s,box-shadow .26s,opacity .26s;display:grid;position:relative;box-shadow:0 8px 22px #0f172a0f}.event-card:not(.active){opacity:.62;transform:translateY(1.1rem)scale(.96)}.event-card:hover,.event-card.active{border-color:color-mix(in srgb, var(--tone) 68%, var(--border));box-shadow:var(--shadow);opacity:1;transform:translateY(0)scale(1)}.dot{border:3px solid var(--bg);background:var(--tone);block-size:.9rem;inline-size:.9rem;box-shadow:0 0 0 1px var(--tone);border-radius:50%;position:absolute;inset-block-start:-2.45rem;inset-inline-start:calc(50% - .45rem)}.year{color:var(--tone);font-size:2.15rem;font-weight:850;line-height:1}.era,.open-hint,.drawer-era{border:1px solid color-mix(in srgb, var(--tone) 45%, var(--border));inline-size:fit-content;color:var(--tone);border-radius:999px;font-size:.72rem;font-weight:820}.era{margin-block:.75rem .9rem;padding:.25rem .55rem}.event-card strong{margin-block-end:.55rem;font-size:1.15rem;line-height:1.2;display:block}.short{color:var(--muted);font-size:.93rem;line-height:1.48}.open-hint{background:color-mix(in srgb, var(--tone) 8%, transparent);align-self:end;margin-block-start:1.1rem;padding:.32rem .6rem}.era-foundations{--tone:#047c8a}.era-symbolic{--tone:#8758c7}.era-data{--tone:#b05a00}.era-generative{--tone:#0f8f55}.era-operative{--tone:#c23351}.detail-drawer{border-inline-start:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);inline-size:min(29rem,100vw);box-shadow:var(--shadow);z-index:10;flex-direction:column;padding:clamp(1.4rem,4vw,2.2rem);transition:transform .36s;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(105%)}.detail-drawer.open{transform:translate(0)}.close-button{align-self:end;place-items:center;block-size:2.45rem;inline-size:2.45rem;display:grid}.drawer-era{margin-block-start:clamp(1.2rem,4vw,2.3rem);padding:.34rem .7rem}.detail-drawer h2{color:var(--accent);letter-spacing:0;margin:.75rem 0 0;font-size:clamp(3.2rem,12vw,5.1rem);font-weight:850;line-height:.92}.detail-drawer h3{margin:.8rem 0 .9rem;font-size:clamp(1.55rem,5vw,2.4rem);line-height:1.08}.detail-drawer p{color:var(--muted);margin:0 0 .85rem;font-size:1rem;line-height:1.72}.ebook-link{min-block-size:2.6rem;color:var(--muted);align-self:flex-start;margin-block-start:.4rem;padding:0 .95rem;font-size:.9rem;font-weight:800}.ebook-link:disabled{cursor:not-allowed;opacity:.58}@media (width<=760px){.site-shell{padding:1rem;overflow:hidden auto}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.intro{margin-block-start:1.8rem}.timeline-stage{--card-width:min(78vw, 18rem);--card-gap:1.6rem;min-block-size:23rem;padding-block-start:1.2rem}.timeline-window:before{inset-block-start:3rem}.event-card{min-block-size:17.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}