: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:240svh;padding:1.25rem 1.25rem 120svh;overflow-x:clip}.topbar{z-index:20;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 74%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;inline-size:min(1180px,100vw - 2.5rem);max-inline-size:1180px;padding:.62rem;display:flex;position:fixed;inset-block-start:1rem;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 18px 54px #0f172a1f,inset 0 1px #ffffff52}.brand,.topbar-actions,.theme-button,.language-switcher{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,.language-switcher button,.era-filter button,.controls button,.drawer-nav button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);color:var(--text);cursor:pointer;border-radius:8px}.theme-button,.language-switcher button{gap:.45rem;min-block-size:2.35rem;padding:0 .8rem;font-size:.82rem;font-weight:720}.language-switcher{border:1px solid var(--border);border-radius:8px;overflow:hidden}.language-switcher button{color:var(--muted);border:0;border-radius:0}.language-switcher button.selected{background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent)}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:1rem;inline-size:1rem}.intro{transform-origin:0 0;max-inline-size:1180px;margin:clamp(5.8rem,8vw,7rem) 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}@keyframes intro-dissolve{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(10px);opacity:0;transform:translateY(-2rem)}}@supports (animation-timeline:scroll()){.intro{animation:linear both intro-dissolve;animation-timeline:scroll(root);animation-range:0 38svh}}.timeline-stage{--card-width:19rem;--card-gap:3rem;z-index:5;min-block-size:25rem;max-inline-size:1180px;margin-inline:auto;padding-block:1.6rem 2.6rem;position:relative}.timeline-stage.pinned{inline-size:min(1180px,100vw - 2.5rem);margin-inline:0;position:fixed;inset-block-start:max(8.4rem,56svh);inset-inline-start:50%;transform:translate(-50%,-50%)}.timeline-stage:before{background:linear-gradient(90deg, transparent, var(--border) 12%, var(--border) 88%, transparent);content:"";pointer-events:none;block-size:2px;position:absolute;inset-block-start:11.45rem;inset-inline:0}.era-filter{flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;display:flex}.era-filter button{min-block-size:2.45rem;color:var(--muted);padding:0 .86rem;font-size:.86rem;font-weight:800}.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:3rem minmax(6rem,1fr) auto 3rem minmax(1rem,1fr) auto;align-items:center;gap:.75rem;max-inline-size:100%;margin-block-end:1.1rem;display:grid}.controls button{place-items:center;block-size:3rem;inline-size:3rem;display:grid}.controls button:disabled{cursor:not-allowed;opacity:.42}.progress{background:linear-gradient(90deg,#047c8a38,#8758c738,#b05a0038,#0f8f5538,#c2335138);border-radius:999px;block-size:.45rem;position:relative;overflow:hidden}.progress span{border-radius:inherit;background:var(--progress-tone);transform-origin:0;block-size:100%;inline-size:100%;transition:background-color .22s,transform .32s;display:block;position:absolute;inset:0}.progress-count{color:var(--muted);white-space:nowrap;font-size:.9rem;font-weight:820}.presentation-actions{grid-column:6;justify-self:end;gap:.45rem;display:inline-flex;position:relative}.presentation-button{min-inline-size:4.2rem;padding-inline:.75rem;font-size:.9rem;font-weight:820}.settings-button{inline-size:3rem}.settings-menu{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);z-index:15;border-radius:8px;gap:.35rem;padding:.35rem;display:flex;position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-end:0}.settings-menu button{block-size:2.3rem;inline-size:auto;min-inline-size:2.7rem;padding-inline:.55rem;font-size:.82rem;font-weight:820}.settings-menu 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)}.presentation-timer{background:color-mix(in srgb, var(--border) 60%, transparent);z-index:30;block-size:.28rem;position:fixed;inset-block-end:0;inset-inline:0}.presentation-timer span{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;block-size:100%;inline-size:100%;animation:linear forwards presentation-countdown;display:block}@keyframes presentation-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.track{gap:var(--card-gap);inline-size:max-content;padding-block:5rem;padding-inline:calc((min(100vw - 2.5rem, 1180px) - var(--card-width)) / 2);display:flex}.timeline-window{scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;margin-inline:calc(50% + min(100vw - 2.5rem,1180px)/-2);position:relative;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000)}.timeline-window::-webkit-scrollbar{display:none}.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.8rem)scale(.96)}.event-card:hover,.event-card.active{border-color:color-mix(in srgb, var(--tone) 68%, var(--border));box-shadow:var(--shadow), 0 0 34px color-mix(in srgb, var(--tone) 24%, transparent);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}.drawer-backdrop{cursor:default;opacity:0;pointer-events:none;z-index:8;background:0 0;border:0;position:fixed;inset:0}.drawer-backdrop.open{pointer-events:auto}.drawer-tab{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);block-size:4rem;inline-size:2rem;box-shadow:var(--shadow);color:var(--text);cursor:pointer;z-index:11;border-inline-end:0;border-radius:8px 0 0 8px;place-items:center;font-size:1rem;font-weight:900;transition:inset-inline-end .36s;display:grid;position:fixed;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.drawer-tab.open{inset-inline-end:min(29rem,100vw)}.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)}.drawer-era{margin-block-start:clamp(.4rem,2vw,1.2rem);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}.drawer-meta{gap:.6rem;margin:.4rem 0 1rem;display:grid}.drawer-meta div{border-block-start:1px solid var(--border);padding-block:.7rem}.drawer-meta dt,.drawer-meta dd{margin:0}.drawer-meta dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.drawer-meta dd{margin-block-start:.25rem;font-size:.95rem;font-weight:780}.drawer-nav{flex-wrap:wrap;gap:.6rem;margin-block-end:.8rem;display:flex}.drawer-nav button{align-items:center;gap:.45rem;min-block-size:2.45rem;padding:0 .78rem;font-size:.82rem;font-weight:800;display:inline-flex}.drawer-nav button:disabled{cursor:not-allowed;opacity:.45}@media (width<=760px){.site-shell{min-block-size:220svh;padding:1rem 1rem 100svh;overflow:clip auto}.topbar{border-radius:14px;align-items:flex-start;inset-block-start:.75rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.intro{margin-block-start:5.6rem}.timeline-stage{--card-width:min(78vw, 18rem);--card-gap:1.6rem;min-block-size:23rem;padding-block-start:1.2rem}.timeline-stage.pinned{inline-size:calc(100vw - 2rem);inset-block-start:max(8rem,58svh)}.timeline-stage:before{inset-block-start:11.05rem}.controls{grid-template-columns:3rem minmax(5rem,1fr) auto 3rem}.presentation-actions{grid-column:1/-1}.event-card{min-block-size:17.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}@media print{@page{margin:14mm;size:A4 portrait}html,body,.site-shell{color:#111;background:#fff;min-block-size:auto;padding:0}.topbar,.era-filter,.controls,.drawer-backdrop,.detail-drawer,.drawer-tab,.presentation-timer,.dot,.open-hint{display:none!important}.intro{filter:none;opacity:1;margin:0 0 1rem;animation:none;transform:none}.source{color:#047c8a}h1{max-inline-size:none;font-size:2rem;line-height:1.05}.intro p:last-child{max-inline-size:none;font-size:.95rem}.timeline-stage,.timeline-stage.pinned{min-block-size:auto;inline-size:auto;max-inline-size:none;padding:0;position:static;transform:none}.timeline-stage:before{content:none}.timeline-window{margin:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.track{gap:.55rem;inline-size:auto;padding:0;display:grid}.event-card,.event-card:not(.active),.event-card.active{break-inside:avoid;min-block-size:auto;inline-size:auto;box-shadow:none;opacity:1;background:#fff;border-color:#d9e1eb;padding:.65rem .8rem;display:block;transform:none}.year{font-size:1.35rem}.era{margin-block:.35rem .45rem}.event-card strong{margin-block-end:.3rem;font-size:1rem}.short{font-size:.9rem}}