:root{--bg:#0b1620;--panel:#0c151ef0;--panel-solid:#0d1822;--line:#1f3140;--line-strong:#2d4556;--text:#e6ebef;--text-dim:#9aabb9;--text-faint:#6c7f8f;--accent:#ffd678;--radius:10px;--panel-w:264px;--card-w:400px;--timeline-h:236px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}kbd{border:1px solid var(--line-strong);color:var(--text-dim);background:#0f1d28;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.app{grid-template-columns:var(--panel-w) 1fr;grid-template-rows:1fr var(--timeline-h);display:grid;position:fixed;inset:0}.stage{grid-area:1/2;position:relative;overflow:hidden}.stage .map{position:absolute;inset:0}.loading{color:var(--text-dim);pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.loading.error{color:#f59a8f}.panel{background:var(--panel-solid);border-right:1px solid var(--line);z-index:3;flex-direction:column;grid-area:1/1/span 2;gap:6px;padding:16px 14px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;margin:2px 2px 12px;display:flex}.brand-name{letter-spacing:.2px;font-size:17px;font-weight:700}.brand-sub{color:var(--text-faint);font-size:12px}.panel h3{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-faint);margin:16px 4px 6px;font-size:11px;font-weight:700}.search-trigger{border:1px solid var(--line-strong);color:var(--text-dim);text-align:left;background:#0f1d28;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;display:flex}.search-trigger span{flex:1;font-size:13px}.search-trigger:hover{color:var(--text);border-color:#3d5a6f}.layers{flex-direction:column;gap:2px;display:flex}.layer{text-align:left;color:var(--text-faint);border-radius:7px;align-items:center;gap:10px;padding:6px 8px;display:flex}.layer:hover{background:#ffffff0a}.layer.on{color:var(--text)}.swatch{border:2px solid var(--c);border-radius:50%;flex:none;width:11px;height:11px}.swatch.square{border-radius:3px}.layer.on .swatch{background:var(--c)}.layer-label{flex:1;font-size:13px}.count{font-variant-numeric:tabular-nums;color:var(--text-faint);text-align:right;min-width:22px;font-size:11px}.layer.on .count{color:var(--text-dim)}.hint{color:var(--text-faint);margin:4px 8px 0;font-size:11.5px}.presets{flex-direction:column;gap:2px;display:flex}.preset{text-align:left;border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 8px;display:flex}.preset:hover{background:#ffffff0d}.preset.on{box-shadow:inset 2px 0 0 var(--accent);background:#ffd6781a}.preset-title{font-size:13px}.preset-sub{color:var(--text-faint);white-space:nowrap;font-size:11px}.keys{color:var(--text-faint);gap:6px;margin-top:auto;padding:14px 6px 2px;font-size:11.5px;display:grid}.keys kbd{margin-right:3px}.timeline{background:var(--panel-solid);border-top:1px solid var(--line);z-index:2;flex-direction:column;grid-area:2/2;min-width:0;display:flex}.timeline-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 12px 6px;display:flex}.play{background:var(--accent);color:#1b1405;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.play:hover{filter:brightness(1.08)}.date{font-variant-numeric:tabular-nums;letter-spacing:.2px;min-width:150px;font-size:20px;font-weight:700}.speeds{border:1px solid var(--line-strong);border-radius:7px;display:flex;overflow:hidden}.speeds button{color:var(--text-dim);font-variant-numeric:tabular-nums;padding:4px 8px;font-size:12px}.speeds button+button{border-left:1px solid var(--line-strong)}.speeds button.on{color:var(--accent);background:#ffd67829}.range{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.spacer{flex:1}.ghost{border:1px solid var(--line-strong);color:var(--text-dim);white-space:nowrap;border-radius:7px;padding:5px 10px;font-size:12px}.ghost:hover{color:var(--text);border-color:#3d5a6f}.timeline-canvas{flex:1;min-height:0;position:relative}.timeline-canvas canvas{touch-action:none;position:absolute;inset:0}.card{max-height:calc(100% - 24px);width:var(--card-w);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);z-index:4;border-radius:14px;flex-direction:column;animation:.16s ease-out card-in;display:flex;position:absolute;top:12px;right:56px;box-shadow:0 18px 50px #00000073}@keyframes card-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.card-close{width:30px;height:30px;color:var(--text-dim);z-index:1;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.card-close:hover{color:var(--text);background:#ffffff12}.card-body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex;overflow-y:auto}.card-kicker{letter-spacing:1px;text-transform:uppercase;padding-right:30px;font-size:11px;font-weight:700}.card h2{margin:-2px 0 0;padding-right:24px;font-size:22px;line-height:1.2}.card-date{color:var(--accent);font-size:14px;font-weight:600}.muted{color:var(--text-faint);font-weight:400}.card-img{object-fit:cover;background:#0f1d28;border-radius:9px;width:100%;max-height:210px}.lead{color:var(--text);margin:0;font-size:14.5px;line-height:1.5}.extract{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.55}.link{color:#8fc3e6;font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}.card section{margin-top:6px}.card h4{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px;font-size:11px}.chips{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chips button{text-align:left;border-radius:7px;align-items:center;gap:9px;width:100%;padding:6px 8px;display:flex}.chips button:hover{background:#ffffff0d}.dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px}.dot.square{border-radius:2px}.chip-title{flex:1;font-size:13px}.chip-date{color:var(--text-faint);white-space:nowrap;font-size:11.5px}.facts{grid-template-columns:auto 1fr;gap:4px 14px;margin:2px 0;font-size:13px;display:grid}.facts dt{color:var(--text-faint)}.facts dd{margin:0}.inline{color:#8fc3e6}.inline:hover{text-decoration:underline}.waypoints{border-left:2px solid var(--line-strong);margin:0;padding:0 0 0 10px;list-style:none}.waypoints li{position:relative}.waypoints li:before{content:"";background:var(--panel-solid);border:2px solid var(--line-strong);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:-16px}.waypoints li.passed:before{background:var(--accent);border-color:var(--accent)}.waypoints button{border-radius:6px;justify-content:space-between;width:100%;padding:5px 8px;font-size:13px;display:flex}.waypoints button:hover{background:#ffffff0d}.wp-date{color:var(--text-faint);font-size:11.5px}.card-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.card-actions button{border:1px solid var(--line-strong);color:var(--text-dim);border-radius:8px;padding:7px 12px;font-size:12.5px}.card-actions button:hover{color:var(--text);border-color:#3d5a6f}.tooltip{z-index:20;pointer-events:none;border:1px solid var(--line-strong);border-left:3px solid var(--c);background:#080e14f2;border-radius:8px;max-width:320px;padding:7px 10px;position:fixed;box-shadow:0 8px 24px #0006}.tt-title{font-size:13px;font-weight:650}.tt-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.palette-backdrop{z-index:30;background:#03080c8c;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:14px;width:620px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 30px 80px #0009}.palette input{width:100%;font:inherit;color:var(--text);border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:16px 18px;font-size:16px}.results{max-height:420px;margin:0;padding:6px;list-style:none;overflow-y:auto}.results button{text-align:left;border-radius:8px;grid-template-columns:12px 1fr;align-items:center;column-gap:10px;width:100%;padding:8px 10px;display:grid}.results button .dot{grid-row:span 2}.results button.active{background:#ffd6781a}.r-title{font-size:14px}.r-sub{color:var(--text-faint);font-size:12px}.empty{color:var(--text-faint);padding:12px;font-size:13px}.maplibregl-ctrl-group{border:1px solid var(--line-strong);background:var(--panel-solid)!important;box-shadow:none!important}.maplibregl-ctrl-group button+button{border-top:1px solid var(--line-strong)!important}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(.85)}.maplibregl-ctrl-attrib{color:var(--text-faint);font-size:10.5px;background:#080e14b3!important}.maplibregl-ctrl-attrib a{color:var(--text-dim)}.maplibregl-ctrl-attrib-button{filter:invert(.8)}