:root{--ink: #05070a;--panel: rgba(13, 17, 23, .92);--edge: rgba(255, 255, 255, .1);--edge-strong: rgba(255, 255, 255, .22);--text: #e8eaed;--text-dim: #98a1ad;--text-faint: #6b7480;--accent: #7fb2d8;--radius: 8px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}#map{position:absolute;inset:0;background:var(--ink)}.maplibregl-ctrl-attrib{background:#05070ab3!important;font-size:10px}.maplibregl-ctrl-attrib a{color:var(--text-faint)!important}.maplibregl-ctrl-group{background:var(--panel)!important;border:.5px solid var(--edge)!important}.maplibregl-ctrl-group button{filter:invert(.85)}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 18px;pointer-events:none;background:linear-gradient(to bottom,rgba(5,7,10,.8),transparent)}.brand{pointer-events:auto}.brand h1{margin:0;font-size:17px;font-weight:500;letter-spacing:.01em}.brand p{margin:0;font-size:12px;color:var(--text-faint)}.search-wrap{position:relative;pointer-events:auto;margin-left:auto}#search{width:260px;padding:7px 12px;border-radius:var(--radius);border:.5px solid var(--edge);background:var(--panel);color:var(--text);font:inherit;font-size:13px}#search:focus{outline:none;border-color:var(--edge-strong)}#search::placeholder{color:var(--text-faint)}#results{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-height:340px;overflow-y:auto;background:var(--panel);border:.5px solid var(--edge);border-radius:var(--radius);backdrop-filter:blur(8px)}#results:empty{display:none}.result{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;border-bottom:.5px solid var(--edge);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.result:last-child{border-bottom:none}.result:hover,.result:focus{background:#ffffff0f}.result .dates{color:var(--text-faint);font-size:12px}.rail{position:absolute;top:74px;left:18px;z-index:20;width:176px;padding:10px 12px;background:var(--panel);border:.5px solid var(--edge);border-radius:12px;backdrop-filter:blur(8px)}.rail h2{margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.filter{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;cursor:pointer;color:var(--text-dim)}.filter:hover{color:var(--text)}.filter input{accent-color:var(--accent);margin:0}.swatch{width:9px;height:9px;border-radius:2px;flex:none}.filter-name{text-transform:capitalize}.rail-foot{margin-top:10px;padding-top:8px;border-top:.5px solid var(--edge);display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.scrubber{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:18px 22px 16px;background:linear-gradient(to top,rgba(5,7,10,.92),transparent);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.year-block{min-width:150px}#year-readout{font-size:30px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}#approx-note{font-size:11.5px;color:var(--text-faint);max-width:190px}#stats{font-size:12.5px;color:var(--text-dim);text-align:right;min-width:190px;font-variant-numeric:tabular-nums}#fps{font-size:11px;color:var(--text-faint)}button.control{padding:7px 16px;border-radius:var(--radius);border:.5px solid var(--edge-strong);background:#ffffff0f;color:var(--text);font:inherit;font-size:13px;cursor:pointer}button.control:hover{background:#ffffff1f}#year-slider{width:100%;accent-color:var(--accent);cursor:pointer}#panel{position:absolute;top:74px;right:18px;z-index:25;width:300px;max-height:calc(100vh - 190px);overflow-y:auto;padding:16px;background:var(--panel);border:.5px solid var(--edge);border-radius:12px;backdrop-filter:blur(10px)}.panel-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-faint);font-size:20px;line-height:1;cursor:pointer}.panel-close:hover{color:var(--text)}.panel-img{width:100%;border-radius:var(--radius);margin-bottom:10px;display:block}.panel-title{margin:0 0 6px;font-size:17px;font-weight:500}.panel-extract{margin:0 0 10px;font-size:13.5px;color:var(--text-dim)}.panel-extract.muted{font-style:italic}.panel-meta{margin:0 0 8px;font-size:11.5px;color:var(--text-faint)}.panel-loading{font-size:13px;color:var(--text-faint)}.panel-link{color:var(--accent);font-size:13px;text-decoration:none}.panel-link:hover{text-decoration:underline}.panel-sub{margin:14px 0 6px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.sparkline{display:flex;align-items:flex-end;gap:2px;height:38px;margin:10px 0 8px}.sparkline .bar{flex:1;background:#7fb2d859;border-radius:1px;min-height:1px}.sparkline .bar.peak{background:var(--accent)}.city-people{display:flex;flex-direction:column;gap:1px}.city-person{text-align:left;background:none;border:none;padding:4px 0;color:var(--text-dim);font:inherit;font-size:13px;cursor:pointer}.city-person:hover{color:var(--text)}.city-person .dates{color:var(--text-faint);font-size:11.5px}.doc{position:relative;max-width:640px;margin:0 auto;padding:64px 24px 96px;overflow-y:auto;height:100%}body.doc-page{overflow:auto}.doc h1{font-size:26px;font-weight:500;margin:0 0 4px}.doc h2{font-size:17px;font-weight:500;margin:30px 0 8px}.doc p,.doc li{color:var(--text-dim);font-size:14.5px}.doc a{color:var(--accent)}.doc table{border-collapse:collapse;width:100%;font-size:13.5px}.doc th,.doc td{text-align:left;padding:6px 10px;border-bottom:.5px solid var(--edge);color:var(--text-dim)}.doc th{color:var(--text);font-weight:500}.back{display:inline-block;margin-bottom:24px;font-size:13px}.footlink{position:absolute;left:18px;bottom:96px;z-index:20;font-size:11.5px;color:var(--text-faint);text-decoration:none}.footlink:hover{color:var(--text-dim)}@media (max-width: 820px){.rail{inset:auto 12px 132px;width:auto;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;max-height:22vh;overflow-y:auto}.rail h2{width:100%;margin-bottom:4px}#panel{inset:auto 12px 132px;width:auto;max-height:44vh}#search{width:150px}#results{width:260px}.scrubber{grid-template-columns:auto 1fr;gap:10px;padding:12px 14px 14px}#stats{grid-column:1 / -1;text-align:left}#year-readout{font-size:24px}.footlink{display:none}}