:root{--bg: #070b12;--panel: #0d141f;--panel-2: #111a27;--line: #243345;--ink: #eef2f7;--muted: #93a1b3;--accent: #e0a23a;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.boot-mark{font-family:var(--serif);font-weight:700;font-size:34px;letter-spacing:6px}.boot-sub{color:var(--muted);font-size:14px}.app{position:fixed;top:0;right:0;bottom:0;left:0}.globe-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.brand h1{margin:0;font-family:var(--serif);font-weight:700;font-size:26px;letter-spacing:5px}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--muted);letter-spacing:.3px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#0d141fc7;border:1px solid var(--line);padding:8px 12px;max-width:360px}.lg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);text-transform:capitalize}.lg i{width:9px;height:9px;display:inline-block}.about-btn{width:30px;height:30px;background:#0d141fc7;border:1px solid var(--line);color:var(--ink);font-family:var(--serif);font-style:italic;font-size:16px;cursor:pointer;flex:none}.about-btn:hover{border-color:var(--accent);color:var(--accent)}.about{position:absolute;top:0;right:0;bottom:0;left:0;background:#04070cb3;display:flex;align-items:center;justify-content:center;z-index:30;padding:20px}.about-card{background:var(--panel);border:1px solid var(--line);max-width:460px;padding:24px}.about-card h3{font-family:var(--serif);margin:0 0 12px;font-size:20px}.about-card p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 12px}.detail{position:absolute;top:78px;right:16px;width:340px;max-height:calc(100% - 230px);background:var(--panel);border:1px solid var(--line);z-index:20;display:flex;flex-direction:column;overflow:hidden}.detail-x{position:absolute;top:8px;right:8px;width:30px;height:30px;background:#070b1299;border:1px solid var(--line);color:var(--ink);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.detail-img{height:170px;background:var(--panel-2);flex:none}.detail-img img{width:100%;height:100%;object-fit:cover;display:block}.detail-body{padding:16px 16px 18px;overflow-y:auto}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.8px;border:1px solid var(--line);padding:3px 7px}.tag.year{color:var(--ink);border-color:var(--line)}.detail-body h2{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.2;margin:4px 0 6px}.detail-loc{font-size:13px;color:var(--accent);margin-bottom:12px}.detail-desc{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 16px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.act{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:7px 11px;cursor:pointer;text-decoration:none}.act:hover{border-color:var(--accent)}.act.primary{background:var(--accent);color:#1a1206;border-color:var(--accent);font-weight:600}.timeline{position:absolute;left:16px;right:16px;bottom:14px;background:#0a1019db;border:1px solid var(--line);padding:12px 16px 16px;z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tl-head{display:flex;align-items:center;gap:16px;margin-bottom:10px}.tl-range{display:flex;align-items:baseline;gap:10px}.tl-y{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1}.tl-sep{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.tl-play{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#1a1206;border:none;font-weight:600;font-size:13px;padding:8px 14px;cursor:pointer}.tl-play:hover{filter:brightness(1.07)}.tl-count{margin-left:auto;color:var(--muted);font-size:13px}.tl-count b{color:var(--ink);font-size:15px}.tl-track{position:relative;height:56px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.tl-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:1px}.tl-bar{flex:1 1 0;background:#2c3a4d;min-width:0}.tl-bar.on{background:var(--accent)}.tl-sel{position:absolute;top:0;bottom:0;background:#e0a23a1a;border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.tl-handle{position:absolute;top:-3px;width:14px;height:62px;margin-left:-7px;cursor:ew-resize;touch-action:none}.tl-handle:after{content:"";position:absolute;left:5px;top:0;width:4px;height:100%;background:var(--accent);box-shadow:0 0 0 1px #070b1299}.tl-axis{position:relative;height:16px;margin-top:4px}.tl-axis span{position:absolute;transform:translate(-50%);font-size:10.5px;color:var(--muted)}.pin-tip{font-family:var(--sans);font-size:12px;background:#0b0f17;color:#fff;border:1px solid var(--line);padding:6px 9px;max-width:220px}@media (max-width: 720px){.topbar{padding:12px 14px;flex-wrap:wrap}.legend{display:none}.brand h1{font-size:20px;letter-spacing:4px}.detail{top:auto;left:0;right:0;bottom:0;width:100%;max-height:64%;border-left:none;border-right:none;border-bottom:none;flex-direction:column}.detail-img{height:150px}.timeline{left:0;right:0;bottom:0;border-left:none;border-right:none}.tl-y{font-size:19px}.tl-head{flex-wrap:wrap;gap:10px}.tl-count{font-size:12px}}