:root{--bg:#0b1020;--panel:#121a2e;--panel-2:#182238;--text:#e6e9f2;--muted:#98a2b8;--accent:#f5c451;--border:#253050;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}header h1{margin:0;font-size:18px}.subtitle{color:var(--muted);font-size:13px}.layers{gap:6px;margin-left:auto;display:flex}.layers label{border:1px solid var(--border);cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.layers label.on{color:var(--text);border-color:var(--accent);background:#f5c45114}.layers label.phil.on{background:#c084fc1a;border-color:#c084fc}.layers input{display:none}.cats{flex-wrap:wrap;gap:6px;display:flex}.cats.disabled{opacity:.35;pointer-events:none}.cats label{border:1px solid var(--border);cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:999px;padding:3px 8px;font-size:12px}.cats label.on{color:var(--text);border-color:var(--accent)}.cats input{display:none}main{flex:1;min-height:0;display:flex}.map-col{flex-direction:column;flex:1;min-width:0;display:flex}.map-wrap{flex:1;min-height:0;display:flex;position:relative}.map{cursor:grab;touch-action:none;background:#0d1b2e;flex:1;width:100%;min-height:0;display:block}.map.dragging{cursor:grabbing}.zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.zoom-controls .btn{width:32px;height:32px;padding:0;font-size:16px;line-height:1}.zoom-controls .btn:disabled{opacity:.4;cursor:default}.view-presets{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:60%;display:flex;position:absolute;top:10px;right:10px}.btn.small{padding:3px 8px;font-size:11px;font-weight:500}.map-hint{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:8px;left:10px}.phil-edge{fill:none;stroke-linecap:round}.phil-edge.disputed{stroke-dasharray:4 3}.phil-node{cursor:pointer}.phil-halo{opacity:.18}.phil-bg{fill:#0b1020;stroke-width:1.8px;fill-opacity:.92}.phil-node.selected .phil-bg{stroke-width:2.6px;fill:#1c1a2e}.phil-node.related .phil-bg{stroke-width:2.4px}.phil-abbr{text-anchor:middle;pointer-events:none;letter-spacing:.02em;font-size:9px;font-weight:700}.phil-label{fill:#e6e9f2;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#0b1020;stroke-width:3px;font-size:10px}.civ-layer.muted{opacity:.45}.phil-badge{background:#0b1020;border:2px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-flex}.phil-mini{background:#0b1020;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:inline-flex}.russell{color:#d9c9f5;border-left:3px solid #c084fc;padding-left:10px;font-style:italic}.icon-sample.phil{border-width:2px}.idea-list li.future{opacity:.55}.tick.thinker{background:#5b4a80;height:5px;top:3px}.tick.thinker.past{background:#c084fc}.ev.thinker .ev-text{color:#c4b5fd}aside{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;width:380px;min-height:0;display:flex}.sea{fill:#0d1b2e}.graticule{fill:none;stroke:#1c2c48;stroke-width:.5px}.land{fill:#23304a;stroke:#33476b;stroke-width:.6px}.civ{fill-opacity:.32;stroke-width:1.4px;stroke-opacity:.9;cursor:pointer;transition:fill-opacity .2s}.civ:hover{fill-opacity:.5}.civ.selected{fill-opacity:.55;stroke-width:2.5px}.civ.dim,.civ-layer.dim{opacity:.35}.civ-label{text-anchor:middle;paint-order:stroke;stroke:#0b1020;stroke-width:3px;pointer-events:none;font-size:12px;font-weight:600}.trend.up{fill:#4ade80}.trend.down{fill:#f87171}.icon{cursor:pointer}.icon-bg{fill:#0b1020;stroke:#98a2b8;stroke-width:1.2px;fill-opacity:.85}.icon.origin .icon-bg{stroke:var(--accent);stroke-width:1.8px}.icon.independent .icon-bg{stroke:#60a5fa;stroke-dasharray:3 2}.icon.disputed .icon-bg{stroke-dasharray:2 2;stroke:#f472b6}.icon.selected .icon-bg{stroke:#fff;stroke-width:2.5px;fill:#2a355a}.icon.faded{opacity:.35}.icon-glyph{text-anchor:middle;pointer-events:none;fill:#fff;font-size:14px}.flight-trail{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-opacity:.8}.flight.disputed .flight-trail{stroke-dasharray:4 3;stroke:#f472b6}.flight-bg{fill:#2a2410;stroke:var(--accent);stroke-width:1.5px}.flight.disputed .flight-bg{stroke:#f472b6}.route-arc{fill:none;stroke:#fff;stroke-width:1.4px;stroke-opacity:.7}.route-arc.disputed{stroke-dasharray:4 3;stroke:#f472b6}.route .future{opacity:.3}.route-year{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#0b1020;stroke-width:3px;font-size:10px}.controls{border-top:1px solid var(--border);background:var(--panel);padding:8px 16px 10px}.controls-row{align-items:center;gap:8px;display:flex}.btn{background:var(--accent);color:#1a1400;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-weight:600}.btn.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.year-display{font-variant-numeric:tabular-nums;min-width:170px;margin-left:12px;font-size:22px;font-weight:700}.speed{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.speed select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px}.slider-wrap{margin-top:8px;padding-bottom:16px;position:relative}.ticks{height:8px;position:relative}.tick{background:#4a5a80;width:2px;height:8px;position:absolute;top:0;transform:translate(-1px)}.tick.past{background:var(--accent)}.slider{width:100%;accent-color:var(--accent);margin:0}.axis{height:14px;color:var(--muted);font-size:10px;position:relative}.axis span{white-space:nowrap;position:absolute;transform:translate(-50%)}.panel{flex:1;min-height:0;padding:14px 16px;font-size:13px;line-height:1.45;position:relative;overflow-y:auto}.panel h2{margin:0 0 4px;font-size:17px}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;font-size:12px}.panel p{margin:8px 0}.panel-head{align-items:flex-start;gap:10px;padding-right:24px;display:flex}.big-icon{font-size:30px;line-height:1}.swatch{border-radius:6px;flex:none;width:22px;height:22px;margin-top:2px}.meta{color:var(--muted);font-size:12px}.badge{color:#f9a8d4;vertical-align:middle;background:#4a1f3a;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:8px;right:10px}.route-list{margin:0;padding:0;list-style:none}.route-list li{border-left:2px solid var(--border);grid-template-columns:96px 1fr;gap:8px;margin-left:4px;padding:6px 0 6px 10px;display:grid}.route-list li.past{border-left-color:var(--accent)}.route-list li.future{opacity:.55}.route-list li.disputed{border-left-style:dashed;border-left-color:#f472b6}.route-list.compact li{padding:3px 0 3px 10px}.link{color:var(--accent);cursor:pointer;text-align:left;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:0}.civ-link{cursor:pointer}.civ-link:hover{text-decoration:underline}.from,.note{color:var(--muted);font-size:12px}.sources{margin:4px 0 0;padding-left:16px;font-size:12px}.sources a{color:#93c5fd;text-decoration:none}.sources a:hover{text-decoration:underline}.idea-list{margin:0;padding:0;list-style:none}.idea-list li{cursor:pointer;border-radius:6px;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.idea-list li:hover{background:var(--panel-2)}.li-icon{text-align:center;font-size:16px}.kind{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:10px}.kind.origin{color:var(--accent);border:1px solid var(--accent)}.kind.independent{color:#60a5fa;border:1px dashed #60a5fa}.when{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.legend{margin:0;padding:0;list-style:none}.legend li{align-items:center;gap:8px;padding:3px 0;display:flex}.icon-sample{background:#0b1020;border:2px solid #98a2b8;border-radius:50%;width:16px;height:16px;display:inline-block}.icon-sample.origin{border-color:var(--accent)}.icon-sample.independent{border-style:dashed;border-color:#60a5fa}.icon-sample.disputed{border-style:dotted;border-color:#f472b6}.feed{border-top:1px solid var(--border);max-height:38%;padding:10px 16px;font-size:12px;overflow-y:auto}.feed h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:12px}.feed ul{margin:0;padding:0;list-style:none}.ev{cursor:pointer;color:var(--muted);border-radius:4px;grid-template-columns:90px 1fr;gap:8px;padding:3px 4px;display:grid}.ev:hover{background:var(--panel-2)}.ev.fresh{color:var(--text)}.ev.idea .ev-text{color:var(--accent)}.ev.spread.fresh .ev-text{color:#fde68a}.ev.civ-start .ev-text{color:#86efac}.ev.civ-end .ev-text{color:#fca5a5}.ev.disputed .ev-text{font-style:italic}.ev-year{font-variant-numeric:tabular-nums}@media (width<=1000px){main{flex-direction:column}aside{border-left:none;border-top:1px solid var(--border);width:100%;max-height:45vh}}