:root{color-scheme:light dark;--bg: #fafaf7;--bg-elevated: #ffffff;--canvas-bg: #fafaf7;--fg: #1a1a1a;--muted: #6b6b6b;--accent: #8b0000;--border: #e4e4dd;--sidebar-width: 260px}@media (prefers-color-scheme: dark){:root{--bg: #161616;--bg-elevated: #232323;--canvas-bg: #f5f5f0;--fg: #fafaf7;--muted: #9a9a9a;--accent: #d97757;--border: #383838}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}header.app-header{padding:.85rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}h1{margin:0;font-size:1.35rem;color:var(--accent)}.subtitle{font-size:.85rem;color:var(--muted);margin:.2rem 0 0}.stats{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.status-badge{display:inline-block;padding:.15rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;font-size:.72rem;color:var(--muted);margin-right:.5rem}.histomap-app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:1rem;padding:1rem 1.25rem;max-width:1800px;margin:0 auto;align-items:start}.histomap-main{min-width:0}.filter-sidebar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.85rem;font-size:.9rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-header h2{font-size:.95rem;margin:0}.reset-btn{background:transparent;border:1px solid var(--border);border-radius:4px;padding:.2rem .55rem;font-size:.78rem;color:var(--muted);cursor:pointer}.reset-btn:hover{background:var(--bg);color:var(--fg)}.filter-group{border-top:1px solid var(--border);padding:.55rem 0}.filter-group summary{font-weight:600;cursor:pointer;font-size:.85rem;list-style:none;position:relative;padding-left:1.1rem}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary:before{content:"▶";position:absolute;left:0;top:0;font-size:.7rem;color:var(--muted);transition:transform .15s ease}.filter-group[open] summary:before{transform:rotate(90deg)}.filter-group .count{font-weight:400;color:var(--muted);font-size:.78rem}.filter-group ul{margin:.4rem 0 0;padding:0;list-style:none}.filter-group li{margin:.12rem 0}.filter-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;min-height:24px;padding:2px 0}.filter-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.color-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.era-range{margin-top:.4rem;display:flex;flex-direction:column;gap:.4rem}.era-row{display:grid;grid-template-columns:50px 1fr 70px;gap:.5rem;align-items:center;font-size:.78rem}.era-row label{color:var(--muted)}.era-row input[type=range]{width:100%}.era-row .era-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg)}@media (max-width: 900px){.histomap-app{grid-template-columns:1fr}.filter-sidebar{position:static;max-height:none}}.panel-backdrop{position:fixed;inset:0;background:#00000052;z-index:90;animation:fadeIn .15s ease}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(540px,100vw);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0000002e;z-index:100;overflow-y:auto;padding:1.25rem 1.5rem 2rem;animation:slideInRight .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.detail-panel .panel-type{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.1rem .5rem;background:var(--bg);border-radius:999px;border:1px solid var(--border)}.detail-panel h2{margin:.4rem 0 0;font-size:1.4rem;color:var(--accent)}.detail-panel .name-en{margin:.15rem 0 0;font-size:.85rem;color:var(--muted);font-style:italic}.detail-panel .close-btn{background:transparent;border:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;padding:.2rem .4rem;border-radius:4px}.detail-panel .close-btn:hover{background:var(--bg);color:var(--fg)}.meta-list{margin:.75rem 0;padding:0;font-size:.85rem}.meta-row{display:grid;grid-template-columns:160px 1fr;gap:.5rem;padding:.25rem 0}.meta-row dt{color:var(--muted);font-weight:600;font-size:.78rem}.meta-row dd{margin:0}.meta-range{font-variant-numeric:tabular-nums}.ref-link{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;text-decoration-color:#8b00004d;text-underline-offset:2px}.ref-link:hover{text-decoration-color:var(--accent)}.ref-meta{color:var(--muted);font-size:.82rem}.tag-list{display:inline-flex;gap:.25rem;flex-wrap:wrap}.tag{display:inline-block;font-size:.72rem;padding:.08rem .45rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--muted)}.panel-body{font-size:.92rem;line-height:1.6}.panel-body h1,.panel-body h2,.panel-body h3{margin-top:1.2rem;margin-bottom:.4rem}.panel-body h3{font-size:1rem}.panel-body p{margin:.5rem 0}.panel-body ul,.panel-body ol{margin:.4rem 0;padding-left:1.4rem}.cross-refs{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.cross-refs h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.8rem 0 .4rem}.ref-list{list-style:none;padding:0;margin:0;font-size:.85rem}.ref-list li{padding:.15rem 0}.sources{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.sources h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .4rem}.sources ul{list-style:none;padding:0;margin:0;font-size:.8rem}.sources li{padding:.15rem 0}.sources a{color:var(--fg)}