:root{--bg:#f4f7fb;--bg-grad:radial-gradient(1200px 800px at 80% -10%, #e6f4ff 0%, transparent 60%), radial-gradient(1000px 700px at -10% 110%, #e0fbf4 0%, transparent 55%);--surface:#ffffffb8;--surface-solid:#fff;--border:#0f285014;--text:#16283f;--text-dim:#5a7290;--accent:#2f8fff;--accent-soft:#2f8fff1f;--teal:#12b5a5;--shadow:0 8px 32px #14325a14;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg);background-image:var(--bg-grad);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed}.app{max-width:1480px;margin:0 auto;padding:20px 24px 48px}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent), var(--teal));color:#fff;width:38px;height:38px;box-shadow:var(--shadow);border-radius:12px;place-items:center;font-size:20px;display:grid}.brand h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.brand span{color:var(--text-dim);font-size:12px;font-weight:500;display:block}.main-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:18px;display:grid}.results-col{flex-direction:column;gap:18px;width:100%;max-width:860px;margin:0 auto;display:flex}@media (width<=1080px){.main-grid{grid-template-columns:1fr}}.card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 12px;font-size:13px;font-weight:700}.viewport-card{padding:0;overflow:hidden}.viewport-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.seg{background:#14325a0f;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .25s}.seg button.active{background:var(--surface-solid);color:var(--text);box-shadow:0 2px 8px #14325a1f}.viewport-canvas{width:100%;height:520px;position:relative}.canvas-wrap{position:relative}.floodmap-wrap{height:100%;position:relative}.floodmap{z-index:1;font:inherit;background:#e9eef4;border-radius:0 0 4px 4px;position:absolute;inset:0}.floodmap .leaflet-container{font:inherit}.leaflet-overlay-pane img.depth-overlay{mix-blend-mode:multiply}.leaflet-overlay-pane img.shade-overlay{mix-blend-mode:soft-light}.map-center-dot{background:var(--accent);z-index:500;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #2f8fff40,0 2px 6px #0000004d}.leaflet-control-zoom a,.leaflet-control-attribution{border-radius:6px!important}.leaflet-control-attribution{background:#fffc!important;font-size:9px!important}.inspector-chip{z-index:20;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none;border-radius:12px;align-items:center;gap:9px;padding:9px 13px;font-size:12.5px;animation:.18s cubic-bezier(.2,.8,.2,1) chipIn;display:flex;position:absolute;top:14px;left:14px}.inspector-chip b{letter-spacing:.03em;font-size:13px}.inspector-chip span{color:var(--text-dim)}.chip-depth{background:var(--accent-soft);border-radius:999px;padding:2px 9px;font-weight:700;color:var(--accent)!important}@keyframes chipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.legend{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);pointer-events:none;background:#ffffffe0;border-radius:12px;padding:9px 12px 7px;position:absolute;bottom:14px;left:14px}.legend-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:5px;font-size:10px;font-weight:700}.legend-gradient{background:linear-gradient(90deg,#82cdff59 0%,#3ca0ff8c 30%,#1e6ef5b3 50%,#ffaa3ccc 72%,#eb3c3cd9 100%);border-radius:5px;width:168px;height:9px}.legend-ticks{color:var(--text-dim);justify-content:space-between;margin-top:3px;font-size:9.5px;font-weight:600;display:flex}.map-tools{z-index:20;pointer-events:none;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;right:14px}.north-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);text-align:center;width:34px;height:34px;color:var(--text);background:#ffffffe0;border-radius:10px;place-items:center;font-size:10px;font-weight:800;line-height:1.05;display:grid}.scale-note{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-dim);background:#ffffffe0;border-radius:10px;padding:7px 11px;font-size:10.5px;font-weight:600}.attribution{z-index:20;color:#5a7290bf;pointer-events:none;font-size:8.5px;position:absolute;bottom:2px;right:8px}.play-btn{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;color:var(--text);border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s;box-shadow:0 2px 8px #14325a14}.play-btn:hover{border-color:var(--accent);color:var(--accent)}.play-btn.playing{background:var(--accent);color:#fff;border-color:var(--accent)}.place-marker{background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:12px;font-weight:700;display:flex}.place-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.slider-labels span{cursor:pointer;border-radius:6px;padding:2px 6px;transition:all .2s}.slider-labels span.active{color:var(--accent);background:var(--accent-soft)}.time-slider{padding:6px 20px 16px}.time-slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.slider-labels{color:var(--text-dim);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.sidebar{flex-direction:column;gap:16px;display:flex}.search-card{position:relative}.search-input{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:14px;outline:none;padding:13px 16px 13px 42px;font-size:15px;transition:box-shadow .25s,border-color .25s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-results{z-index:50;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-result{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:14px;display:flex}.search-result:hover{background:var(--accent-soft)}.search-result small{color:var(--text-dim)}.risk-hero{align-items:center;gap:16px;display:flex}.risk-ring{--p:0;background:conic-gradient(var(--ring-color,var(--accent)) calc(var(--p) * 1%), #14325a12 0);border-radius:50%;flex-shrink:0;place-items:center;width:92px;height:92px;display:grid}.risk-ring-inner{background:var(--surface-solid);letter-spacing:-.03em;border-radius:50%;place-items:center;width:72px;height:72px;font-size:21px;font-weight:800;display:grid}.severity-badge{text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.hero-meta{grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:14px;display:grid}.hero-meta div{font-size:13px}.hero-meta b{font-weight:700}.hero-meta span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.factor{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:9px 0;display:flex}.factor:last-child{border-bottom:none}.factor-bar{background:linear-gradient(90deg, var(--accent), var(--teal));border-radius:3px;min-width:6px;height:6px}.factor-name{font-size:13px;font-weight:600}.factor-detail{color:var(--text-dim);font-size:12px}.jev-pre{color:#b8d4f5;background:#0e1a2b;border-radius:12px;max-height:320px;margin:0;padding:14px;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow:auto}.jev-tabs{gap:8px;margin-bottom:10px;display:flex}.jev-tabs button{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;color:var(--text-dim);border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600}.jev-tabs button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.stage-rail{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.stage-node{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.stage-node:hover{border-color:var(--accent)}.stage-node.open{border-color:var(--accent);background:var(--accent-soft)}.stage-node.failed{border-color:#e5484d80}.stage-dot{background:linear-gradient(135deg, var(--accent), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.stage-node.failed .stage-dot{background:#e5484d}.stage-name{font-size:12.5px;font-weight:700}.stage-hint{color:var(--text-dim);font-size:11px}.stage-detail{border-left:3px solid var(--accent-soft);padding-left:12px;animation:.2s chipIn}.jev-json-item summary{cursor:pointer;color:var(--text-dim);padding:6px 0;font-size:12.5px;font-weight:600}.jev-json-item summary:hover{color:var(--text)}.jev-json-item{margin-bottom:10px}.answer-row{margin-bottom:12px}.answer-head{justify-content:space-between;margin-bottom:4px;font-size:12.5px;font-weight:600;display:flex}.answer-head span{color:var(--text-dim);text-transform:capitalize}.prob-bar-track{background:#14325a0f;border-radius:4px;height:8px;overflow:hidden}.prob-bar{background:linear-gradient(90deg, var(--accent), var(--teal));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.dq-chip{background:var(--surface-solid);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;margin:0 6px 6px 0;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.dq-dot{border-radius:50%;width:8px;height:8px}.dq-dot.fresh{background:#2ecc8f}.dq-dot.stale{background:#ffd66e}.dq-dot.missing,.dq-dot.invalid{background:#ff6b6b}.empty-state{text-align:center;place-items:center;min-height:60vh;display:grid}.empty-state h2{letter-spacing:-.02em;margin:18px 0 8px;font-size:22px}.empty-state p{color:var(--text-dim);max-width:420px;margin:0 auto;line-height:1.6}.stepper{flex-direction:column;gap:8px;margin-top:18px;display:flex}.step{color:var(--text-dim);align-items:center;gap:10px;font-size:13.5px;display:flex}.step.active{color:var(--text);font-weight:600}.step.done{color:var(--teal)}.step-spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.step-check{color:var(--teal);font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#b23a3a;background:#ff6b6b1a;border:1px solid #ff6b6b59;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13.5px}.chart-tooltip{background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:8px 12px;font-size:12.5px}.legend-dots{color:var(--text-dim);flex-wrap:wrap;gap:12px;padding:0 16px 14px;font-size:11.5px;display:flex}.legend-dots i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.footer-note{text-align:center;color:var(--text-dim);margin-top:22px;font-size:12px}.typeahead-wrap{position:relative}.typeahead-ghost{pointer-events:none;white-space:pre;padding:13px 16px 13px 42px;font-size:15px;position:absolute;inset:0;overflow:hidden}.ghost-hidden{visibility:hidden}.ghost-rest{color:#5a72908c}.search-result.highlighted{background:var(--accent-soft)}.search-result .match{color:var(--accent);font-weight:800}.search-hint{color:var(--text-dim);border-top:1px solid var(--border);background:#14325a05;padding:8px 16px;font-size:11px}.search-hint kbd{border:1px solid var(--border);background:var(--surface-solid);border-radius:5px;margin:0 1px;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-block}