:root{--parchment: #efe7d2;--ink: #33291a;--ink-soft: #5c4e38;--panel-bg: rgba(38, 31, 22, .9);--panel-fg: #f2ead6;--panel-border: rgba(214, 196, 156, .28);--accent: #c98a3f;--accent-soft: rgba(201, 138, 63, .22);--danger: #c25e4e;--focus: #ffcf7a;--serif: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", serif;--sans: "Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--shadow: 0 8px 30px rgba(20, 14, 6, .4)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;font-family:var(--sans);background:#1c1710;color:var(--panel-fg)}button{font-family:inherit;cursor:pointer}.timeline,.top-bar,.legend,.zoom-controls,.visible-list,main,.map-canvas{-webkit-user-select:none;user-select:none}.info-panel,.modal,.tooltip{-webkit-user-select:text;user-select:text}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px;border-radius:3px}.app{position:relative;height:100%;width:100%;overflow:hidden}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;background:#a8bfc9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:var(--panel-bg);color:var(--panel-fg);padding:8px 14px;border-radius:6px;transition:top .15s}.skip-link:focus{top:8px}.top-bar{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:12px;align-items:flex-start;z-index:20;pointer-events:none}.top-bar>*{pointer-events:auto}.brand{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:8px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand h1{margin:0;font-family:var(--serif);font-size:19px;letter-spacing:.5px;font-weight:600}.brand p{margin:2px 0 0;font-size:11px;opacity:.7;letter-spacing:.3px}.top-spacer{flex:1}.search{position:relative;width:280px;max-width:42vw}.search input{width:100%;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:10px 14px;color:var(--panel-fg);font-size:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search input::placeholder{color:#f2ead680}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);max-height:60vh;overflow-y:auto;list-style:none;margin:0;padding:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-results li button{width:100%;text-align:left;background:transparent;border:none;color:var(--panel-fg);padding:8px 10px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.search-results li button:hover,.search-results li button[aria-selected=true]{background:var(--accent-soft)}.search-results .r-title{font-size:14px}.search-results .r-meta{font-size:11px;opacity:.6}.icon-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--panel-fg);border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-size:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.icon-btn:hover{border-color:var(--accent)}.zoom-controls{position:absolute;right:14px;bottom:178px;display:flex;flex-direction:column;gap:8px;z-index:20}.left-dock{position:absolute;left:14px;top:70px;bottom:178px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:24;pointer-events:none}.left-dock>*{pointer-events:auto}.legend{margin-top:auto;flex:none;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:250px;font-size:12px}.legend h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.75}.legend-row{display:flex;align-items:center;gap:8px;margin:4px 0}.legend-swatch{width:16px;height:12px;border-radius:2px;flex:none;border:1px solid rgba(0,0,0,.3)}.legend-note{margin-top:8px;font-size:10.5px;opacity:.6;line-height:1.4}.legend button.collapse{background:none;border:none;color:var(--panel-fg);opacity:.6;font-size:11px;padding:0;margin-top:6px}.legend button.collapse+button.collapse{margin-left:14px}.legend-layers{margin-top:8px;padding-top:8px;border-top:1px solid var(--panel-border)}.legend-layers h3{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.75;font-weight:600}.layer-row{display:flex;align-items:center;gap:8px;margin:3px 0;cursor:pointer}.layer-row input{accent-color:var(--accent);width:14px;height:14px;flex:none;margin:0}.info-panel{position:absolute;top:70px;right:14px;width:340px;max-width:92vw;max-height:calc(100vh - 240px);overflow-y:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25;animation:slideIn .22s ease}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}}@media(prefers-reduced-motion:reduce){.info-panel{animation:none}}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 16px 8px;border-bottom:1px solid var(--panel-border);position:sticky;top:0;background:var(--panel-bg)}.panel-head h2{margin:0;font-family:var(--serif);font-size:20px;line-height:1.2}.panel-cat{display:inline-block;margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--accent)}.panel-close{background:none;border:none;color:var(--panel-fg);font-size:22px;line-height:1;opacity:.7;padding:2px 6px}.panel-close:hover{opacity:1}.panel-body{padding:12px 16px 18px;font-size:13.5px;line-height:1.55}.panel-body p{margin:0 0 12px}.panel-field{margin:10px 0}.panel-field .k{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.55;margin-bottom:2px}.panel-field .v{font-size:13.5px}.confidence-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px;border-radius:20px;text-transform:capitalize}.confidence-high{background:#5aa88a40;color:#a8e0c8}.confidence-medium{background:#c9a03f40;color:#e6cd8a}.confidence-low{background:#c25e4e40;color:#f0b0a4}.chip{display:inline-block;background:var(--accent-soft);border:1px solid var(--panel-border);color:var(--panel-fg);border-radius:14px;padding:3px 10px;margin:3px 4px 0 0;font-size:12px}button.chip:hover{border-color:var(--accent)}.sources{list-style:none;padding:0;margin:6px 0 0;font-size:12px}.sources li{margin:5px 0;opacity:.85;line-height:1.4}.sources a{color:var(--accent)}.disclaimer{margin-top:14px;padding:10px 12px;background:#00000040;border-left:3px solid var(--accent);border-radius:4px;font-size:11.5px;opacity:.85;line-height:1.5}.tooltip{position:absolute;z-index:40;pointer-events:none;background:#1c160ef2;color:var(--panel-fg);border:1px solid var(--panel-border);border-radius:7px;padding:6px 10px;font-size:12.5px;max-width:240px;box-shadow:var(--shadow);transform:translate(-50%,calc(-100% - 12px))}.tooltip .t-sub{font-size:11px;opacity:.65;margin-top:2px}.timeline{position:absolute;left:14px;right:14px;bottom:14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 18px 10px;z-index:30}.timeline-bar{display:flex;align-items:center;gap:12px}.controls-toggle{flex:none;background:#ffffff0f;border:1px solid var(--panel-border);color:var(--panel-fg);border-radius:8px;width:40px;height:40px;font-size:17px;display:inline-flex;align-items:center;justify-content:center}.controls-toggle:hover{border-color:var(--accent)}.controls-toggle.open{background:var(--accent-soft);border-color:var(--accent)}.controls-toggle.active{border-color:var(--focus);color:var(--focus)}.play-btn{flex:none;background:var(--accent);color:#241a0d;border:1px solid var(--accent);border-radius:8px;height:40px;min-width:48px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.playback-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;overflow:hidden;max-height:0;opacity:0;margin-top:0;pointer-events:none;transition:max-height .28s ease,opacity .2s ease,margin-top .28s ease}.playback-controls.open{max-height:140px;opacity:1;margin-top:10px;pointer-events:auto}@media(prefers-reduced-motion:reduce){.playback-controls{transition:none}}.speed-group{display:flex;gap:3px;background:#0003;border-radius:8px;padding:3px}.speed-group button{height:32px;min-width:40px;font-size:12.5px;border-radius:6px;border:none;background:transparent}.speed-group button.active{background:var(--accent);color:#241a0d;font-weight:600}.date-display{flex:1;min-width:0;text-align:center;font-family:var(--serif);font-size:26px;letter-spacing:.5px;line-height:1.08;overflow:hidden}.date-display .date-value{white-space:nowrap}.date-display .era-tag{font-family:var(--sans);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.55;display:block;margin-top:-2px}.toggles{display:flex;gap:8px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.85;-webkit-user-select:none;user-select:none;cursor:pointer}.toggle input{accent-color:var(--accent);width:15px;height:15px}.period-focus{display:flex;align-items:center;gap:10px;overflow:hidden;max-height:0;opacity:0;margin-top:0;pointer-events:none;transition:max-height .28s ease,opacity .2s ease,margin-top .28s ease}.period-focus.open{max-height:60px;opacity:1;margin-top:10px;pointer-events:auto}@media(prefers-reduced-motion:reduce){.period-focus{transition:none}}.period-focus-label{font-size:12px;opacity:.85}.period-focus select{height:32px;padding:0 8px;font-size:12.5px;border-radius:6px;border:1px solid var(--panel-border);background:#0003;color:var(--panel-fg)}.slider{position:relative;height:46px;margin:0 6px;touch-action:none}.slider-track{position:absolute;top:26px;left:0;right:0;height:6px;background:linear-gradient(90deg,#c98a3f59,#c98a3fb3);border-radius:3px}.slider.focused .slider-track{box-shadow:0 0 0 2px var(--focus),0 0 10px 1px #ffcf7a80}.slider-fill{position:absolute;top:26px;left:0;height:6px;background:var(--accent);border-radius:3px}.slider-handle{position:absolute;top:20px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--parchment);border:3px solid var(--accent);box-shadow:0 2px 6px #00000080;cursor:grab}.slider-handle:active{cursor:grabbing}.slider-tick{position:absolute;top:34px;width:1px;background:#f2ead659}.slider-tick.major{background:#f2ead699}.slider-tick-label{position:absolute;top:0;transform:translate(-50%);font-size:10px;opacity:.7;white-space:nowrap;pointer-events:none}.slider-event-marker{position:absolute;top:22px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--focus);opacity:.7}.dwell-flag{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--accent);color:#241a0d;font-size:12px;padding:4px 12px;border-radius:14px;font-weight:600;white-space:nowrap;animation:pulse 1s infinite alternate}.focus-flag{display:inline-block;margin:10px 6px 0;background:transparent;color:var(--focus);border:1px solid var(--focus);font-size:11px;padding:3px 10px;border-radius:12px;font-weight:600;white-space:nowrap}@keyframes pulse{to{transform:translate(-50%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.dwell-flag{animation:none}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a080499;display:grid;place-items:center;z-index:60;padding:20px}.modal{background:#2a2216;border:1px solid var(--panel-border);border-radius:14px;max-width:720px;width:100%;max-height:84vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--panel-border);position:sticky;top:0;background:#2a2216}.modal-head h2{margin:0;font-family:var(--serif);font-size:22px}.modal-body{padding:18px 22px 26px;font-size:14px;line-height:1.65}.modal-body h3{font-family:var(--serif);font-size:16px;margin:20px 0 6px;color:var(--accent)}.modal-body ul{padding-left:20px}.modal-body li{margin:6px 0}.modal-body table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.modal-body th,.modal-body td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--panel-border);vertical-align:top}.perf-overlay{position:absolute;left:14px;top:70px;background:#000000b3;color:#9fe0b8;font-family:SF Mono,Menlo,monospace;font-size:11px;padding:8px 12px;border-radius:8px;z-index:45;line-height:1.5;pointer-events:none}.visible-list{width:300px;flex:0 1 auto;min-height:0;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px}.visible-list h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin:8px 10px}.visible-list button{width:100%;text-align:left;background:transparent;border:none;color:var(--panel-fg);padding:7px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.visible-list button:hover{background:var(--accent-soft)}.visible-list .dot{width:9px;height:9px;border-radius:50%;flex:none}@media(max-width:720px){.info-panel{top:auto;bottom:200px;left:8px;right:8px;width:auto;max-height:45vh}.left-dock{top:auto;bottom:200px;left:8px;right:8px;align-items:stretch}.visible-list{width:auto;max-height:45vh}.legend{display:none}.zoom-controls{bottom:200px}.search{width:200px}.date-display{font-size:19px}.brand p{display:none}.playback-controls{justify-content:center}.speed-group{flex-wrap:wrap;justify-content:center}.period-focus{justify-content:center}}