*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0f0d;--surface: #111918;--border: #1e2920;--text: #f1f5f2;--muted: #5a6b5e;--accent: #6861e3;--critical: #ff1744;--high: #ff6d00;--medium: #ffd600;--low: #69f0ae;--font-sans: "Bricolage Grotesque", sans-serif;--font-mono: "JetBrains Mono", monospace;--header-h: 52px;--panel-w: 260px;--footer-h: 40px}html,body,#app{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:500;overflow:hidden}#header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}#header-left{display:flex;align-items:baseline;gap:16px}#title{font-size:14px;font-weight:600;letter-spacing:-.01em}#subtitle{font-size:14px;font-weight:500;color:var(--muted);font-family:var(--font-mono)}#credit-label{font-size:14px;font-weight:500;color:var(--muted);font-family:var(--font-mono);margin-right:6px}#credit{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;font-family:var(--font-mono);transition:color .15s}#credit:hover{color:var(--text)}#map{position:fixed;top:var(--header-h);left:0;right:0;bottom:0}#panel{position:fixed;top:calc(var(--header-h) + 16px);right:16px;width:var(--panel-w);background:var(--surface);border:1px solid var(--border);z-index:10;display:flex;flex-direction:column}.panel-section{padding:16px;border-bottom:1px solid var(--border)}.panel-section:last-child{border-bottom:none}.panel-label{font-size:14px;font-weight:500;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.toggle input{display:none}.toggle-track{width:28px;height:16px;background:var(--border);border-radius:8px;position:relative;transition:background .15s;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--muted);border-radius:50%;transition:transform .15s,background .15s}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(12px);background:#fff}.toggle-label{font-size:14px;font-weight:500}.legend{display:flex;flex-direction:column;gap:8px}.legend-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;font-family:var(--font-mono)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot--critical{background:var(--critical)}.dot--high{background:var(--high)}.dot--medium{background:var(--medium)}.dot--low{background:var(--low)}#stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.stat-key{font-weight:500;color:var(--muted);font-family:var(--font-mono)}.stat-val{font-weight:500;font-family:var(--font-mono)}#tooltip{position:fixed;background:var(--surface);border:1px solid var(--border);padding:12px 14px;font-size:14px;font-family:var(--font-mono);font-weight:500;pointer-events:none;z-index:200;display:none;max-width:240px;line-height:1.6}.tt-row{display:flex;justify-content:space-between;gap:16px}.tt-key{color:var(--muted)}.tt-tier{font-size:14px;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}#panel-btn{display:none;position:fixed;top:calc(var(--header-h) + 16px);right:16px;z-index:60;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer}#mobile-footer{display:none}@media (max-width: 640px){#subtitle,#credit-label,#credit{display:none}#panel-btn{display:flex}#panel{top:var(--header-h);right:0;width:var(--panel-w);max-height:calc(100vh - var(--header-h) - var(--footer-h));transform:translate(100%);transition:transform .2s ease;overflow-y:auto;z-index:50}#panel.is-open{transform:translate(0)}#panel-btn.is-open{color:var(--text);border-color:var(--accent)}#panel-btn-close,#panel-btn.is-open #panel-btn-open{display:none}#panel-btn.is-open #panel-btn-close{display:block}#mobile-footer{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--footer-h);background:var(--bg);border-top:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 16px;z-index:100;font-family:var(--font-mono);font-size:12px;color:var(--muted)}#footer-credit a{color:var(--muted);text-decoration:none}#map{bottom:var(--footer-h)}}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{display:none}.mapboxgl-ctrl-top-left{top:calc(var(--header-h) + 12px);left:12px}.mapboxgl-ctrl-group{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important}.mapboxgl-ctrl-group button{background:transparent!important;filter:invert(1);width:32px!important;height:32px!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--border)!important}