:root{--halt-bg: #0f1216;--halt-surface: #171b21;--halt-surface-raised: #1f242b;--halt-border: #2a3038;--halt-text: #f2f4f7;--halt-text-muted: #8b93a1;--halt-amber: #ffb627;--halt-green: #3ddc97;--halt-red: #ff3b5c;--halt-purple: #8b7fd9;--halt-shadow: 0 8px 24px rgba(0, 0, 0, .4);--halt-font-ui: "Inter", system-ui, -apple-system, sans-serif;--halt-font-mono: "IBM Plex Mono", "Courier New", monospace;--halt-radius: 14px;--halt-radius-sm: 8px}:root[data-theme=light]{--halt-bg: #f6f7f9;--halt-surface: #ffffff;--halt-surface-raised: #eef1f5;--halt-border: #dfe3e9;--halt-text: #171b21;--halt-text-muted: #626b79;--halt-amber: #c98708;--halt-green: #14a370;--halt-red: #d1293f;--halt-purple: #6f61c9;--halt-shadow: 0 8px 24px rgba(23, 32, 49, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--halt-bg);color:var(--halt-text);font-family:var(--halt-font-ui);-webkit-font-smoothing:antialiased}input,button{font-family:inherit}button{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--halt-border);border-radius:8px}@keyframes halt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.halt-spin{animation:halt-spin 1s linear infinite}.halt-button-primary{background:var(--halt-amber);color:var(--halt-bg);border:none;border-radius:var(--halt-radius-sm);padding:10px 16px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}.halt-button-primary:hover{filter:brightness(1.08)}.halt-button-secondary{background:transparent;color:var(--halt-text);border:1px solid var(--halt-border);border-radius:var(--halt-radius-sm);padding:10px 16px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px}.halt-button-secondary:hover{background:var(--halt-surface-raised)}.halt-card{background:var(--halt-surface);border:1px solid var(--halt-border);border-radius:var(--halt-radius)}.halt-input{background:var(--halt-surface);border:1px solid var(--halt-border);border-radius:var(--halt-radius-sm);color:var(--halt-text);padding:12px 14px;font-size:16px;width:100%}.halt-input:focus{outline:none;border-color:var(--halt-amber)}.halt-input::placeholder{color:var(--halt-text-muted)}.halt-list-item-hover:hover{background:var(--halt-surface-raised)}.halt-shell{height:100vh;display:flex;flex-direction:column;background:var(--halt-bg)}.halt-sidebar{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.halt-sidebar--hide-mobile{display:none}.halt-map-pane{display:none;flex:1;min-height:0}.halt-map-pane--show-mobile{display:block}.halt-mobile-nav{display:flex;border-top:1px solid var(--halt-border);padding:8px 12px;gap:8px}.halt-mobile-nav button{flex:1;justify-content:center}@media (min-width: 900px){.halt-shell{flex-direction:row}.halt-sidebar{display:flex!important;flex:0 0 320px;border-right:1px solid var(--halt-border)}.halt-map-pane{display:block!important;flex:1}.halt-mobile-nav{display:none!important}}.maplibregl-popup-content{background:var(--halt-surface-raised);color:var(--halt-text);border-radius:var(--halt-radius-sm);border:1px solid var(--halt-border);font-family:var(--halt-font-ui);box-shadow:var(--halt-shadow);padding:10px 12px;font-size:13px;max-width:320px}.maplibregl-popup-tip{border-top-color:var(--halt-surface-raised)!important;border-bottom-color:var(--halt-surface-raised)!important}.maplibregl-popup-close-button{color:var(--halt-text-muted);font-size:18px}.popup-title{margin-top:4px;font-weight:500}.popup-cause{color:var(--halt-amber);font-size:11px;margin-top:4px}.popup-meta{color:var(--halt-text-muted);font-size:11px;margin-top:2px}.popup-description{color:var(--halt-text-muted);font-size:11px;margin-top:6px;padding-top:6px;border-top:1px solid var(--halt-border);white-space:pre-line}.maplibregl-ctrl-group{background:var(--halt-surface-raised);border:1px solid var(--halt-border)}.maplibregl-ctrl-group button{background:transparent}.maplibregl-ctrl-group button:hover{background:var(--halt-surface)}.app-header{display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-bottom:1px solid var(--halt-border);color:var(--halt-text)}.app-header-top{display:flex;align-items:center;gap:8px}.app-header-top h1{margin:0;font-size:20px;font-weight:700;font-family:var(--halt-font-mono);letter-spacing:1px;flex:1;min-width:0}.app-header-actions{display:flex;align-items:center;gap:8px}.app-header-subtitle{font-family:var(--halt-font-ui);font-size:.7rem;font-weight:400;letter-spacing:normal;color:var(--halt-text-muted)}.app-sidebar-main{flex:1;min-height:0;padding:20px;display:flex;flex-direction:column;gap:16px}.map-wrapper{position:relative;width:100%;height:100%}.map-container{width:100%;height:100%}.map-top-left{position:absolute;top:1rem;left:1rem;right:1rem;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.map-filter-toggle{padding:.45rem .7rem;font-size:.8rem;white-space:nowrap}.map-road-filter-panel{position:absolute;top:4.5rem;left:1rem;z-index:20;width:300px;max-width:calc(100% - 2rem);max-height:min(65vh,520px);overflow-y:auto;padding:.9rem;box-shadow:var(--halt-shadow)}.map-road-filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.85rem;font-weight:600;color:var(--halt-text)}.map-road-filter-panel-header button{background:transparent;border:none;color:var(--halt-text-muted);cursor:pointer}.map-road-filter-panel-header button:hover{color:var(--halt-text)}@media (max-width: 640px){.map-road-filter-panel{left:12px;right:12px;width:auto;max-width:none}}.sidebar-empty-hint{color:var(--halt-text-muted);font-size:.85rem;line-height:1.5}.map-badge{background:var(--halt-surface-raised);border:1px solid var(--halt-border);color:var(--halt-text);padding:.45rem .9rem;border-radius:var(--halt-radius-sm);box-shadow:var(--halt-shadow);font-family:var(--halt-font-mono);font-size:.8rem;white-space:nowrap}.map-loading-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--halt-surface-raised);overflow:hidden;z-index:12}.map-loading-bar-fill{position:absolute;top:0;bottom:0;width:40%;background:var(--halt-amber);animation:halt-loading-bar-slide 1.1s ease-in-out infinite}@keyframes halt-loading-bar-slide{0%{left:-40%}to{left:100%}}.filter-bar{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.filter-bar-group{display:flex;align-items:baseline;gap:.5rem}.filter-bar-label{flex:0 0 auto;width:4.5rem;font-size:.7rem;font-weight:600;color:var(--halt-text-muted)}.filter-bar-chips{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--halt-border);background:transparent;color:var(--halt-text-muted);font-size:.7rem;cursor:pointer}.filter-chip--active{color:var(--halt-text);border-color:var(--halt-text-muted);background:var(--halt-surface-raised)}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.info-modal{max-width:560px;width:100%;max-height:80vh;overflow-y:auto;padding:20px 24px}.info-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.info-modal-header h2{margin:0;font-size:18px;font-family:var(--halt-font-mono);color:var(--halt-text)}.info-modal-header button{background:transparent;border:none;color:var(--halt-text-muted);cursor:pointer}.info-modal-header button:hover{color:var(--halt-text)}.info-modal-body section+section{margin-top:1rem}.info-modal-body h3{margin:0 0 .3rem;font-size:.8rem;font-family:var(--halt-font-mono);color:var(--halt-amber);text-transform:uppercase;letter-spacing:.04em}.info-modal-body p{margin:0;font-size:.85rem;line-height:1.5;color:var(--halt-text-muted)}.map-filter-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.history-panel{display:flex;flex-direction:column;flex:1;min-height:0;color:var(--halt-text);overflow-y:auto}.history-panel-header{display:flex;justify-content:space-between;align-items:flex-start}.history-panel-header h2{font-family:var(--halt-font-mono);font-size:16px;margin:0}.history-panel-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.history-panel-header button{border:none;background:none;color:var(--halt-text-muted);cursor:pointer}.history-panel-header button:hover{color:var(--halt-text)}.history-screenshot-button{display:flex;align-items:center}.history-screenshot-button:disabled{opacity:.5;cursor:wait}.history-by-type{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.history-by-type-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--halt-surface-raised);border:1px solid var(--halt-border);border-radius:var(--halt-radius-sm);padding:.2rem .55rem;font-size:.75rem;color:var(--halt-text-muted)}.history-by-subtype{margin-top:-.35rem}.history-by-subtype .history-by-type-chip{background:transparent;border-style:dashed;font-size:.7rem}.history-list-heading{margin:1rem 0 .5rem;font-size:.85rem;font-family:var(--halt-font-mono);color:var(--halt-text-muted);text-transform:uppercase;letter-spacing:.04em}.history-incident-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.history-incident-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .6rem;background:var(--halt-surface-raised);border:1px solid var(--halt-border);border-radius:var(--halt-radius-sm)}.history-incident-item .map-filter-dot{margin-top:.35rem;flex-shrink:0}.history-incident-body{min-width:0}.history-incident-title{font-size:.8rem;color:var(--halt-text)}.history-incident-title strong{font-family:var(--halt-font-mono);margin-right:.4rem;color:var(--halt-amber)}.history-incident-description{font-size:.75rem;color:var(--halt-text-muted);margin-top:.2rem}.history-incident-meta{font-size:.7rem;color:var(--halt-text-muted);margin-top:.15rem}.history-export-button{display:inline-block;margin-bottom:.75rem;text-decoration:none;font-size:.75rem;padding:6px 10px}.history-list-truncated{font-size:.75rem;color:var(--halt-text-muted);text-align:center;margin:.75rem 0 0}.road-filter{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.road-filter-search{position:relative}.road-filter-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--halt-text-muted)}.road-filter-search input{padding-left:38px}.road-filter-label{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;color:var(--halt-text-muted)}.road-filter-actions{display:flex;gap:.4rem;flex-wrap:wrap}.road-filter-actions .halt-button-secondary,.road-filter-actions .halt-button-primary{padding:6px 10px;font-size:.75rem}.road-filter-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--halt-border);padding-top:.5rem}.road-filter-option{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-family:var(--halt-font-mono);color:var(--halt-text);cursor:pointer;padding:.15rem .2rem;border-radius:4px}.road-filter-option:hover{background:var(--halt-surface-raised)}.road-filter-option input{accent-color:var(--halt-amber)}.timeline{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;z-index:10}.timeline-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.timeline-controls .halt-button-primary,.timeline-controls .halt-button-secondary{padding:6px 12px;font-size:.75rem}.timeline-label{font-family:var(--halt-font-mono);font-size:.8rem;color:var(--halt-text);margin-left:auto}.timeline-track{display:flex;flex-direction:column;gap:.3rem}.timeline-track-row{display:flex;align-items:center;gap:.6rem}.timeline-track-label{font-size:.7rem;color:var(--halt-text-muted);width:2rem;flex-shrink:0}.timeline-track input[type=range]{width:100%;accent-color:var(--halt-amber)}.timeline-ticks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--halt-text-muted);margin-left:2.6rem}