:root{--bg:#070b14;--ink:#e9e4d8;--muted:#9aa3b5;--panel:#0f1524ee;--line:#ffffff1a;--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--c-politics:#e8b04a;--c-war:#e0614f;--c-science:#4fb7e0;--c-culture:#c58ae6;--c-religion:#f0d78a;--c-exploration:#5fd1a4;--c-economy:#9bc35a;--c-disaster:#ff8a5c;--c-popculture:#ff7ac6;--c-society:#8c9cff;--c-health:#4fd8c8;--c-engineering:#c8a06b;--panelW:400px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#globe{cursor:grab;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#globe.drag{cursor:grabbing}#overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.top{pointer-events:none;z-index:5;align-items:flex-start;gap:16px;padding:16px 20px;display:flex;position:fixed;top:0;left:0;right:0}.brand{pointer-events:auto}.brand h1{font-family:var(--serif);letter-spacing:.2px;margin:0;font-size:22px;font-weight:650}.brand p{color:var(--muted);margin:2px 0 0;font-size:12px}.now{text-align:center;pointer-events:none;text-shadow:0 1px 12px #000,0 0 3px #000;margin-left:auto;margin-right:auto}.now .yr{font-family:var(--serif);font-size:34px;font-weight:650;line-height:1}.now .win{color:var(--muted);margin-top:4px;font-size:12px}.tools{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.search{position:relative}.search input{border:1px solid var(--line);width:230px;color:var(--ink);font:inherit;background:#ffffff10;border-radius:10px;outline:none;padding:8px 12px;font-size:13px}.search input:focus{background:#ffffff16;border-color:#ffffff40}.results{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;width:300px;display:none;position:absolute;top:40px;right:0;overflow:hidden}.results.show{display:block}.results button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:9px 12px;font-size:13px;display:block}.results button:hover{background:#ffffff12}.results small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.cats{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:330px;display:flex}.cat{border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:11px;font-family:var(--sans);background:#ffffff08;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;display:flex}.cat i{background:var(--c);border-radius:50%;width:8px;height:8px}.cat.off{opacity:.38}.cat.all{color:var(--muted)}.cat{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rail{z-index:6;flex-direction:column;align-items:center;gap:8px;transition:right .35s;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}body.rail-left .rail{left:12px;right:auto}body.panel:not(.rail-left) .rail{right:calc(var(--panelW) + 12px)}.rb{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#121a2ccc;border-radius:50%;place-items:center;padding:0;display:grid}.rb:hover{background:#1b2640ee}.rb svg{fill:currentColor;width:16px;height:16px;display:block}.rb.on{background:#ffffff26;border-color:#fff5}.rb.swap{opacity:.6;width:28px;height:28px}.rb.swap svg{width:13px;height:13px}.phone-only{display:none}.zslider{cursor:pointer;touch-action:none;width:36px;height:120px;position:relative}.zslider:before{content:"";background:#fff2;border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;left:16px}.zfill{background:#fff6;border-radius:2px;width:4px;position:absolute;bottom:6px;left:16px}.zthumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;left:11px;box-shadow:0 0 0 3px #ffffff30}@media (max-height:560px){.zslider{height:72px}.rail{gap:5px}.rb{width:32px;height:32px}}.bub{color:#1b1f2a;pointer-events:auto;cursor:pointer;border-left:4px solid var(--c);will-change:transform;background:#f6f1e6;border-radius:10px;max-width:200px;padding:7px 10px 8px;transition:opacity .25s;position:absolute;top:0;left:0;box-shadow:0 6px 18px #0008}.bub:after{content:"";left:var(--tx,20px);background:#f6f1e6;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;transform:rotate(45deg)}.bub.below:after{top:-6px;bottom:auto}.bub:hover{z-index:3;box-shadow:0 8px 24px #000a}.bub .bt{font-family:var(--serif);font-size:13.5px;font-weight:650;line-height:1.2}.bub .bm{color:#5a6070;margin-top:2px;font-size:11px}.chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:210px;color:var(--ink);pointer-events:auto;cursor:pointer;background:#121a2ccc;border:1px solid #fff2;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;transition:opacity .25s,background .2s;display:flex;position:absolute;top:0;left:0}.chip:hover{background:#1b2640ee}.chip .ar{background:var(--c);color:#111;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.chip .ct{font-size:12px;line-height:1.25;overflow:hidden}.chip .ct b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.chip .ct span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;display:block;overflow:hidden}.timeline{z-index:5;background:linear-gradient(#0000,#070b14f0 35%);padding:10px 20px 16px;transition:right .35s;position:fixed;bottom:0;left:0;right:0}.tl-row{align-items:center;gap:12px;display:flex}.tl-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff10;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.tl-btn:hover{background:#ffffff1c}.tl-btn svg{fill:currentColor;width:14px;height:14px;display:block}.tl-btn.on{background:#ffffff26;border-color:#fff5}.tl-btn.speed{width:auto;min-width:44px;font:inherit;letter-spacing:.3px;border-radius:19px;padding:0 10px;font-size:12px;font-weight:600}#track{cursor:pointer;touch-action:none;flex:1;height:58px;position:relative}#track canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#handle{pointer-events:none;background:#fff;width:2px;position:absolute;top:2px;bottom:16px;transform:translate(-1px)}#handle:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;left:-6px;box-shadow:0 0 0 4px #ffffff30}#winband{pointer-events:none;background:#ffffff14;border-radius:4px;position:absolute;top:8px;bottom:16px}body.panel .timeline{right:var(--panelW)}.hint{color:var(--muted);text-align:center;margin-top:6px;font-size:11px}#panel{width:var(--panelW);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--line);z-index:10;max-width:100%;padding:22px 24px 30px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}#panel.open{transform:none}.grab,#peek{display:none}#panel .x{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#ffffff0c;border-radius:50%;font-size:16px;position:absolute;top:14px;right:14px}.tag{text-transform:uppercase;letter-spacing:.8px;color:var(--c);align-items:center;gap:6px;font-size:11px;display:inline-flex}.tag i{background:var(--c);border-radius:50%;width:8px;height:8px}#panel h2{font-family:var(--serif);margin:10px 0 6px;padding-right:30px;font-size:27px;font-weight:650;line-height:1.15}.meta{color:var(--muted);font-size:13px}.imp{letter-spacing:2px;color:#e8b04a;margin-left:6px}#panel .sum{color:#ddd8cc;margin:16px 0 20px;font-size:15px;line-height:1.6}.links{gap:8px;display:grid}.links a{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;text-decoration:none;display:flex}.links a:hover{background:#ffffff14}.links a small{color:var(--muted)}.sec{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:26px 0 10px;font-size:11px}.mw button{text-align:left;border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;font:inherit;background:0 0;gap:10px;padding:10px 2px;display:flex}.mw button:hover{background:#ffffff08}.mw i{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.mw b{font-size:13.5px;font-weight:600;display:block}.mw small{color:var(--muted);font-size:12px}.fly{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff10;border-radius:9px;margin-top:14px;padding:8px 12px;font-size:13px}.note{color:var(--muted);margin-top:24px;font-size:11px;line-height:1.5}#toast{border:1px solid var(--line);color:var(--muted);z-index:6;pointer-events:none;background:#121a2ccc;border-radius:999px;padding:8px 14px;font-size:12.5px;transition:opacity .6s;position:fixed;top:84px;left:50%;transform:translate(-50%)}@media (max-width:760px){:root{--panelW:100%}.brand p,.cats{display:none}body.cats-open .cats{z-index:6;flex-direction:column;align-items:flex-end;gap:6px;max-width:none;display:flex;position:fixed;top:50%;right:56px;transform:translateY(-50%)}body.cats-open.rail-left .cats{align-items:flex-start;left:56px;right:auto}body.cats-open .cat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121a2ccc;padding:5px 11px 5px 9px;font-size:12px}.grab{cursor:grab;touch-action:none;padding:8px 0 14px;display:block}.grab:before{content:"";background:#ffffff40;border-radius:3px;width:40px;height:5px;margin:0 auto;display:block}#panel{padding-top:6px}.phone-only{display:grid}body.panel .rail{display:none}.top{flex-wrap:wrap;gap:8px;padding:12px 14px}.brand h1{font-size:19px}.now{order:3;width:100%;margin:0}.now .yr{font-size:26px}.search{z-index:6;position:fixed;bottom:140px;left:12px;right:64px}.search input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121a2ccc;width:100%;padding:8px 12px}.results{width:auto;top:auto;bottom:42px;left:0;right:0}body.panel .timeline{right:0}.bub{max-width:150px;padding:5px 8px 6px}.bub .bt{font-size:12px}.bub .bm{font-size:10px}#toast{text-align:center;width:max-content;max-width:92%;top:auto;bottom:240px}#peek{z-index:6;text-align:left;border:0;border-left:4px solid var(--c);color:#1b1f2a;font:inherit;cursor:pointer;opacity:0;pointer-events:none;background:#f6f1e6;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:188px;left:12px;right:64px;transform:translateY(16px);box-shadow:0 6px 18px #0008}#peek.show{opacity:1;pointer-events:auto;transform:none}#peek>div{min-width:0;overflow:hidden}#peek b{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;line-height:1.2;display:block;overflow:hidden}#peek small{color:#5a6070;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}#peek span{color:#1b1f2a;flex:none;margin-left:auto;font-size:12px;font-weight:600}.timeline{padding:8px 10px 12px}.tl-btn{width:32px;height:32px}.tl-btn.speed{min-width:40px;padding:0 8px;font-size:11px}.tl-row{flex-wrap:wrap;justify-content:center;gap:6px}#track{flex:none;order:-1;width:100%;height:52px}#panel{border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;height:70%;top:auto;transform:translateY(105%)}.chip{width:160px;padding:6px 8px}}