:root{--bg:#05060a;--surface:#0e1018d1;--header-surface:#06080ea8;--dock-surface:#070910cc;--glass-line:#ffffff1a;--line:#2a2d3a;--text:#e9e6df;--muted:#9b9aa5;--faint:#6c6c78;--accent:#e6c48f;--speculative:#b9a6d9;--radius:10px;--gutter:clamp(16px, 3vw, 32px);--dock-height:140px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:400 15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{height:100vh;flex-direction:column;justify-content:space-between;height:100dvh;display:flex;position:relative;overflow:hidden}a{color:inherit;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:2px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.scene{z-index:0;position:fixed;inset:0}.scene canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}.callout-layer{pointer-events:none;z-index:25;position:fixed;inset:0}.scene-callout{pointer-events:auto;cursor:pointer;opacity:0;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .35s,transform 80ms linear;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.scene-callout.visible{opacity:1}.callout-reticle{border:1.5px solid var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #e6c48f99}.callout-reticle:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}.callout-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;background:#05060ae0;border-radius:8px;margin-bottom:8px;padding:6px 12px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 18px #00000080}.scene-callout:hover .callout-card,.scene-callout:focus-visible .callout-card{border-color:var(--accent);background:#0f1119f2;transform:translateY(-2px);box-shadow:0 4px 22px #e6c48f66}.callout-title{color:var(--accent);letter-spacing:.03em;font-size:.82rem;font-weight:600;display:block}.callout-subtitle{color:var(--muted);font-size:.72rem;display:block}.site-header,.stage,.dock{z-index:1;position:relative}.has-scene .site-header{background:var(--header-surface);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--glass-line);box-shadow:0 4px 24px #00000040}.has-scene .stage{background:linear-gradient(90deg,#05060a9e 0,#05060a6b 30rem,#05060a00 48rem)}.scene-window{display:none}.scene-note{color:var(--faint);margin:0 0 4px;font-size:.72rem}.site-header{z-index:20;padding:12px var(--gutter);border-bottom:1px solid var(--glass-line);background:var(--header-surface);-webkit-backdrop-filter:blur(16px)saturate(140%);flex:none;box-shadow:0 4px 20px #0003}.masthead{justify-content:flex-start;align-items:center;gap:16px;display:flex}.title-group{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.title{letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:0;font-size:.88rem;font-weight:700}.subtitle{color:var(--muted);margin:0;font-size:.82rem}.stage{top:56px;left:0;bottom:var(--dock-height,140px);z-index:25;overscroll-behavior:contain;-webkit-backdrop-filter:blur(24px)saturate(140%);border-right:1px solid var(--glass-line);opacity:0;pointer-events:none;background:#06080ee0;width:440px;max-width:calc(100vw - 24px);padding:0 20px 24px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;position:fixed;overflow-y:auto;transform:translate(-105%);box-shadow:8px 0 36px #0000008c}.stage.drawer-open{opacity:1;pointer-events:auto;transform:translate(0)}.panel{font-variant-numeric:tabular-nums;pointer-events:auto;max-width:100%}.drawer-sticky-header{z-index:10;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#06080ef5;margin:0 -20px 16px;padding:16px 20px 12px;position:sticky;top:0;box-shadow:0 6px 20px #00000073}.drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.drawer-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.drawer-actions{align-items:center;gap:8px;display:flex}.drawer-btn{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#0f121cb3;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.76rem;transition:all .15s;display:inline-flex}.drawer-btn:hover{color:var(--text);border-color:var(--faint);background:#191d2ccc}.drawer-btn.drawer-pin.active{border-color:var(--accent);color:var(--accent);background:#e6c48f29}.drawer-btn.drawer-close{padding:5px 9px;font-size:.85rem;font-weight:600}.drawer-sticky-header .instant{font-variant-numeric:tabular-nums;border-bottom:none;margin-bottom:0;padding-bottom:0}.instant{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;margin-bottom:16px;padding-bottom:14px}.instant .epoch-name{color:var(--accent);margin:4px 0 0;font-size:1.25rem;font-weight:500;line-height:1.3}.cosmic-ticker{z-index:15;margin-top:auto;margin-bottom:14px;-webkit-backdrop-filter:blur(24px)saturate(150%);pointer-events:auto;background:#070910e0;border:1px solid #e6c48f38;border-radius:16px;grid-template-columns:1.25fr 1.45fr 1.7fr;align-items:stretch;gap:20px;width:calc(100% - 32px);max-width:1280px;margin-inline:auto;padding:16px 26px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 10px 40px #000000a6,0 0 24px #e6c48f14}.ticker-col{flex-direction:column;justify-content:flex-start;min-width:0;display:flex}.ticker-col-time,.ticker-col-epoch{border-right:1px solid #ffffff1f;padding-right:18px}.ticker-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.9;margin-bottom:6px;font-size:.74rem;font-weight:700;line-height:1.2}.ticker-value{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:clamp(1.22rem,1.8vw,1.62rem);font-weight:600;line-height:1.18;overflow:hidden}.ticker-sub{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:.86rem;font-weight:400}.ticker-epoch-row{align-items:center;gap:10px;min-width:0;line-height:1.18;display:flex}.ticker-pulse{background:var(--accent);width:11px;height:11px;box-shadow:0 0 12px var(--accent);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite tickerPulseAnim}@keyframes tickerPulseAnim{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.45;transform:scale(1.4)}}.ticker-epoch-name{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.22rem,1.75vw,1.58rem);font-weight:700;line-height:1.18;overflow:hidden}.ticker-insight-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.96rem,1.25vw,1.12rem);font-weight:400;line-height:1.48;display:-webkit-box;overflow:hidden}@keyframes tickerFlashAnim{0%{background:#e6c48f47;border-radius:8px;box-shadow:0 0 16px #e6c48f59}to{box-shadow:none;background:0 0}}.ticker-col.ticker-flash{animation:1.2s cubic-bezier(.16,1,.3,1) tickerFlashAnim}.milestone-flash{z-index:50;-webkit-backdrop-filter:blur(28px)saturate(160%);opacity:0;pointer-events:none;cursor:pointer;background:#090c14f0;border:1.5px solid #e6c48f80;border-radius:18px;width:calc(100vw - 32px);max-width:580px;padding:22px 28px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s;position:fixed;top:80px;left:50%;transform:translate(-50%,-36px)scale(.9);box-shadow:0 20px 54px #000c,0 0 36px #e6c48f38}.milestone-flash.visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1);box-shadow:0 24px 60px #000000d9,0 0 44px #e6c48f4d}.milestone-flash.visible:hover,.milestone-flash.visible:focus-visible{border-color:var(--accent);transform:translate(-50%,-2px)scale(1.015);box-shadow:0 28px 68px #000000e6,0 0 52px #e6c48f73}.flash-header{justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex}.flash-tag-group{background:#e6c48f29;border:1px solid #e6c48f73;border-radius:999px;align-items:center;gap:8px;padding:3px 10px;display:flex}.flash-icon{color:var(--accent);font-size:.9rem}.flash-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:700}.flash-title{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:1.35rem;font-weight:700;line-height:1.25}.flash-detail{color:var(--text);margin:0;font-size:1.02rem;line-height:1.55}.time-label,.section-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:500}.time-value{letter-spacing:-.01em;margin:2px 0 0;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:300;line-height:1.15}.lookback{color:var(--muted);margin:4px 0 0}.epoch{border-top:1px solid var(--line);padding:16px 0}.epoch .section-heading{margin-bottom:6px}.epoch-name{color:var(--accent);margin:4px 0 0;font-size:1.2rem;font-weight:500;line-height:1.3}.human{padding-bottom:8px}.section-heading{margin-bottom:8px}.epoch-interval,.epoch-illustrative{color:var(--muted);margin:0 0 8px;font-size:.88rem}.epoch-illustrative{border-left:2px solid var(--line);padding-left:10px}.epoch-description{margin:0 0 12px}.landmarks-heading{margin-top:12px}.landmarks{margin:6px 0 12px;padding-left:1.1em;font-size:.9rem}.sources,.model,.landmark-sources{color:var(--faint);margin:0;font-size:.8rem}.tier{color:var(--muted);margin:4px 0 12px;font-size:.88rem}.tier[data-tier=speculative]{border:1px dashed var(--speculative);border-radius:var(--radius);color:var(--speculative);padding:10px 12px}.speculative-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);background:#b9a6d90d;border:1px solid #b9a6d938;flex-direction:column;gap:12px;margin:4px 0 16px;padding:14px 16px;display:flex}.speculative-header{border-bottom:1px solid #b9a6d926;flex-direction:column;gap:3px;padding-bottom:8px;display:flex}.speculative-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--speculative);font-size:.72rem;font-weight:700}.speculative-badge-sub{color:var(--muted);font-size:.78rem;line-height:1.35}.speculative-values{gap:10px;margin:0;display:grid}.speculative-row{flex-direction:column;gap:2px;display:flex}.speculative-row dt{color:var(--speculative);letter-spacing:.04em;text-transform:uppercase;opacity:.9;font-size:.76rem;font-weight:600}.speculative-row dd{color:var(--text);margin:0;font-size:.94rem;line-height:1.45}.speculative-card .tier[data-tier=speculative]{color:var(--muted);background:#b9a6d912;border:1px dashed #b9a6d959;margin:4px 0 0;padding:8px 10px;font-size:.8rem;line-height:1.4}.human-values,.technical-values{gap:12px;margin:0 0 14px;display:grid}.value-row dt{color:var(--muted);font-size:.8rem}.value-row dd{margin:0;font-size:1.05rem}.technical{border-top:1px solid var(--line);padding:14px 0 0}.technical summary{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-size:.72rem;font-weight:500}.technical[open] summary{margin-bottom:12px}.technical-value{display:block}.technical-meaning{color:var(--muted);font-size:.88rem;display:block}.technical .model+.model{margin-top:6px}.dock{z-index:40;pointer-events:auto;padding:8px var(--gutter) max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--glass-line);background:var(--dock-surface);-webkit-backdrop-filter:blur(16px)saturate(140%);flex:none;position:relative;box-shadow:0 -4px 24px #00000040}.playback-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.playback-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.playback-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--text);cursor:pointer;background:#0f121c99;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:inline-flex}.playback-btn:hover{border-color:var(--faint);background:#191d2acc}.playback-btn.active{border-color:var(--accent);color:var(--accent);background:#e6c48f26}.speed-group{border:1px solid var(--line);background:#0f121c99;border-radius:6px;margin-left:4px;display:inline-flex;overflow:hidden}.speed-btn{color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.72rem;transition:all .15s}.speed-btn:hover{color:var(--text)}.speed-btn.active{background:var(--accent);color:var(--bg);font-weight:600}.autopause-btn{border:1px solid var(--line);height:32px;color:var(--muted);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121c99;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.autopause-btn:hover{color:var(--text);border-color:var(--faint);background:#191d2ccc}.autopause-btn.active{border-color:var(--accent);color:var(--accent);background:#e6c48f2e;box-shadow:0 0 10px #e6c48f33}.autopause-icon{font-size:.82rem}.autopause-text{white-space:nowrap;font-size:.76rem}.playback-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:20px;margin:0 4px}.panel-toggle{border:1px solid var(--line);height:32px;color:var(--muted);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121c99;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.panel-toggle:before{content:"ℹ";font-size:.85rem}.panel-toggle:hover{color:var(--text);border-color:var(--faint);background:#191d2ccc}.panel-toggle.active{border-color:var(--accent);color:var(--accent);background:#e6c48f2e;box-shadow:0 0 10px #e6c48f33}.language{border:1px solid var(--line);height:32px;color:var(--muted);font:inherit;cursor:pointer;background:#0f121c99;border-radius:6px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.language:hover{color:var(--text);border-color:var(--faint);background:#191d2ccc}.control-slider{cursor:pointer;touch-action:pan-y;border-radius:6px;height:40px;position:relative}.control-rail{background:var(--line);height:2px;position:absolute;top:50%;left:8px;right:8px}.control-fill{background:linear-gradient(90deg, var(--faint), var(--accent));position:absolute;inset:0 auto 0 0}.control-stop{background:var(--muted);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.control-stop.current{background:var(--accent)}.control-thumb{border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #e6c48f26}.ruler{border-top:1px solid var(--line);height:26px;margin:0 8px;position:relative}.ruler-tick{background:var(--faint);width:1px;height:4px;position:absolute;top:0}.ruler-tick.major{background:var(--muted);height:8px}.ruler-label{color:var(--muted);white-space:nowrap;font-size:.75rem;line-height:1.2;position:absolute;top:8px;transform:translate(-50%)}.ruler-caption{color:var(--muted);margin:0 4px;font-size:.78rem;line-height:1.35}.stops ol{scrollbar-width:thin;gap:6px;margin:0;padding:2px 0 6px;list-style:none;display:flex;overflow-x:auto}.stop-button{border:1px solid var(--line);color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:#0f121c80;border-radius:999px;padding:5px 10px;font-size:.78rem;transition:all .15s}.stop-button:hover{color:var(--text);border-color:var(--faint);background:#191d2ab3}.stop-button[aria-current=step]{border-color:var(--accent);color:var(--accent);background:#e6c48f26}.licences{color:var(--faint);font-size:.72rem}.licences summary{cursor:pointer}.licences-body{max-width:48rem;padding:4px 0 2px}.licences-body p{margin:4px 0}.licences-body dl{margin:0}.licences-body dt{color:var(--muted)}.licences-body dd{margin:0 0 4px}@media (max-width:899px){.cosmic-ticker{grid-template-columns:1fr 1fr;gap:12px}.ticker-col-insight{border-top:1px solid #ffffff14;grid-column:1/-1;padding-top:8px}.ticker-col-epoch{border-right:none;padding-right:0}}@media (max-width:599px){.ruler-label.crowded,.subtitle{display:none}.site-header{padding:8px var(--gutter)}.masthead{flex-wrap:wrap;gap:8px}.stage{top:auto;left:0;right:0;bottom:var(--dock-height,140px);width:100%;max-width:100vw;height:auto;max-height:calc(100vh - 56px - var(--dock-height,140px));border-right:none;border-top:1px solid var(--glass-line);padding:0 var(--gutter) 24px;border-radius:16px 16px 0 0;transform:translateY(105%);box-shadow:0 -12px 40px #000000b3}.stage.drawer-open{transform:translateY(0)}.cosmic-ticker{border-radius:12px;grid-template-columns:1fr;gap:10px;margin-bottom:8px;padding:12px 16px}.ticker-col-time,.ticker-col-epoch{border-right:none;padding-right:0}.ticker-col-insight{display:none}.ticker-value{font-size:1.15rem}.ticker-epoch-name{font-size:1.18rem;font-weight:700}.milestone-flash{border-radius:14px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:18px 20px;top:56px;left:50%;transform:translate(-50%,-24px)scale(.92)}.milestone-flash.visible{transform:translate(-50%)scale(1)}.flash-title{font-size:1.18rem}.flash-detail{font-size:.94rem}.autopause-text{display:none}}@media (min-width:900px){.stage.drawer-open~.cosmic-ticker{max-width:calc(100% - 480px);margin-inline:0;left:calc(50% + 220px);transform:translate(-50%)}.stage.drawer-open~.milestone-flash{max-width:calc(100vw - 480px);left:calc(50% + 220px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}