:root{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#272d32;background:#fff;font-synthesis:none;font-size:14px;font-variant-numeric:tabular-nums;--muted:#6a7279;--line:#e1e5e8;--blue:#236a85}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{background:#fff;border:1px solid #d6dce0;border-radius:6px;min-height:36px;padding:7px 12px}button:hover{background:#f3f5f6;border-color:#aebbc3}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}h1{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}header button{font-size:12px;border:0;color:#59656e;background:transparent}main{display:grid;grid-template-columns:300px 1fr;height:calc(100dvh - 58px)}aside{padding:26px 24px 16px;overflow:auto;border-right:1px solid var(--line);display:flex;flex-direction:column;scrollbar-width:thin}.fieldlabel{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}select{width:100%;padding:10px 12px;border:1px solid #d6dce0;background:#fff;border-radius:6px;min-height:42px}.rain-control{margin-top:30px}.sliderhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;font-size:13px}.sliderhead>div{display:flex;align-items:baseline;gap:7px}.sliderhead output{font-size:38px;line-height:1;font-weight:500;letter-spacing:-1.7px}.sliderhead span{font-size:11px;color:var(--muted);letter-spacing:0}.duration{margin-top:26px}.duration output{font-size:21px;letter-spacing:-.5px}input[type=range]{appearance:none;width:100%;height:4px;border-radius:3px;background:#dae1e5;accent-color:var(--blue);cursor:pointer;margin:10px 0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;margin:0;cursor:pointer}.rangeends{display:flex;justify-content:space-between;font-size:10px;color:#7e878e;margin-top:3px}.presets{display:flex;gap:7px;margin-top:12px}.presets button{flex:1;font-size:11px;min-height:30px;padding:5px}.presets .selected{background:#edf5f8;border-color:#8ab3c3;color:#225f76}.total{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:16px;padding-bottom:23px;border-bottom:1px solid var(--line)}.total strong{font-weight:500;color:#272d32}.settings{font-size:12px;margin-top:17px}.settings summary,.layer-settings summary,.route-detail summary,.sources summary{color:#606c75;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.settings summary::after,.layer-settings summary::after,.route-detail summary::after,.sources summary::after{content:'+';font-size:16px;line-height:1;font-weight:400}details[open]>summary::after{content:'−'}.settings label{display:flex;justify-content:space-between;margin:18px 0 10px}.settings label span{color:var(--muted)}.settings p{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0}.coordinates{display:flex;gap:6px;margin:15px 0 8px}.coordinates input{width:0;flex:1;border:1px solid #d6dce0;border-radius:5px;padding:8px;font-size:12px}.coordinates button{font-size:12px}#calculate{width:100%;font-size:12px}#status{font-size:11px;color:var(--muted);line-height:1.5;margin-top:14px}#status:empty{display:none}#status.error{color:#a23531}.point{margin-top:25px;border-top:1px solid var(--line);padding-top:21px}.point h2{font-size:13px;font-weight:600;margin:0 0 13px}#pointInfo{font-size:12px;color:var(--muted);line-height:1.65}.point-value{font-size:29px;color:#272d32;font-weight:500;letter-spacing:-.8px;line-height:1.3}.point-value span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted);margin:3px 0 15px}.point dl{margin:0;font-size:12px}.point dl>div{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.point dd{margin:0;color:#343f47;text-align:right}.route-detail{margin:13px 0 0;font-size:11px}.route-detail p{font-size:11px}#traceFit{font-size:12px;margin:14px 0 10px;width:100%}#routeProfile svg{width:100%;height:82px;display:block}#routeProfile small{display:block;font-size:10px}.point a{font-size:11px;text-decoration:none}.model-note{margin:auto 0 0;padding-top:30px;color:#737c83;font-size:10px;line-height:1.65}.mapsection{position:relative;min-width:0;isolation:isolate}#map{height:100%;background:#e7ebec;z-index:0}.leaflet-tile-pane{filter:saturate(.55)}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe0!important}.leaflet-control-zoom{margin-top:20px!important;margin-right:20px!important;border:1px solid #d5dde0!important;box-shadow:0 1px 5px #20303b12!important;border-radius:6px!important;overflow:hidden}.leaflet-control-zoom a{color:#3e4b55!important}.leaflet-control-scale{margin:0 0 24px 20px!important}.mapcaption{position:absolute;z-index:500;top:20px;left:20px;background:#fff;padding:12px 15px;border:1px solid #dce2e5;border-radius:6px;box-shadow:0 1px 5px #20303b0a;pointer-events:none}.mapcaption strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.mapcaption span{font-size:10px;color:var(--muted)}.maptools{position:absolute;top:20px;right:66px;display:flex;gap:6px;z-index:500}.maptools button{font-size:11px;min-height:32px;box-shadow:0 1px 5px #20303b0a}#recenter{position:absolute;z-index:510;left:50%;top:100px;transform:translateX(-50%);white-space:nowrap}#recenter button{font-size:12px;color:#fff;background:#286b83;border-color:#286b83;box-shadow:0 2px 8px #20303b25}.legend{position:absolute;z-index:500;bottom:32px;right:20px;background:#fff;border:1px solid #dce2e5;border-radius:6px;width:258px;padding:15px;box-shadow:0 1px 5px #20303b0a}.legendtitle{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:13px}.legendtitle strong{font-weight:600}.legendtitle label{display:flex;align-items:center;padding:3px}.swatches{display:flex;gap:2px}.swatches span{width:20%;border-top:6px solid var(--c);padding-top:6px;text-align:center;font-size:10px}.legendfoot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:9px}.layer-settings{margin-top:13px;border-top:1px solid var(--line);padding-top:10px;font-size:11px}.layer-settings .fieldlabel{margin:13px 0 6px;font-size:11px}.layer-settings select{font-size:11px;padding:6px 8px;min-height:32px}.layer-settings p{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0}.opacity{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:11px}.opacity input{flex:1;min-width:0}.flow-overlay{image-rendering:auto!important}dialog{max-width:640px;width:calc(100% - 32px);max-height:85dvh;border:1px solid #d6dce0;border-radius:10px;padding:28px;color:#303a42;background:#fff}dialog::backdrop{background:#172c3b60}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialoghead h2{font-size:20px;font-weight:600;margin:0}.dialoghead button{font-size:12px}dialog p,dialog li{font-size:13px;line-height:1.75;color:#57636d}dialog h3{font-size:14px;font-weight:600;margin:23px 0 8px}.sources{border-top:1px solid var(--line);padding-top:18px;font-size:13px}a{color:#296e8a}#massCheck{font-size:11px;line-height:1.6}button[hidden],[hidden]{display:none!important}@media(max-width:1000px){.maptools{top:99px;left:20px;right:auto}#recenter{top:148px}}@media(max-width:700px){header{height:54px;padding:0 16px}h1{font-size:16px}h1 span{font-size:12px;margin-left:8px}header button{font-size:11px;padding:8px 0}main{display:flex;flex-direction:column;height:auto}.mapsection{order:0;height:60dvh;min-height:380px}aside{order:1;padding:24px;border-right:0;border-top:1px solid var(--line);overflow:visible}.mapcaption{top:12px;left:12px;padding:10px 12px}.mapcaption span{font-size:9px}.maptools{left:12px;top:86px;gap:5px}.maptools button{font-size:10px;min-height:30px;padding:5px 10px}.leaflet-control-zoom{margin-top:12px!important;margin-right:12px!important}.legend{right:12px;bottom:27px;width:224px;padding:12px}.legendtitle{font-size:11px;margin-bottom:10px}.leaflet-control-scale{margin-left:12px!important}.rain-control{margin-top:23px}.sliderhead output{font-size:36px}.duration output{font-size:21px}.point{margin-top:22px}.model-note{padding-top:24px}#recenter{top:128px}.layer-settings summary{min-height:22px}dialog{padding:22px}.mapcaption{max-width:calc(100% - 68px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.location-block{padding-bottom:16px;border-bottom:1px solid var(--line)}.hint{font-size:10px;line-height:1.5;color:var(--muted);margin:2px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#status{min-height:17px;overflow-wrap:anywhere}#calculate{margin-top:12px;min-height:42px;color:#fff;background:#286b83;border-color:#286b83;font-weight:600}#calculate:hover{background:#20586c}.legendtitle label{display:flex;align-items:center;padding:3px}.mapsection{overflow:hidden}.maptools button{max-width:min(50vw,200px);white-space:normal}.point,#panel{min-width:0}.coordinates input{min-width:0}.settings summary,.layer-settings summary,.route-detail summary,.sources summary{min-width:0;overflow-wrap:anywhere}dialog{overflow:auto}dialog p,dialog li{overflow-wrap:anywhere}@media(max-width:700px){main{min-width:0}.mapsection{height:58dvh;min-height:340px;max-height:620px}.legend{width:min(224px,calc(100% - 24px));max-height:55%;overflow:auto}.mapcaption{max-width:calc(100% - 75px)}aside{padding:20px 18px}.maptools button{max-width:46vw}}
@media(max-width:700px){.mapsection{height:380px;min-height:340px;max-height:none}}
.place-search{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.search-row{display:flex;gap:6px}.search-row input{min-width:0;width:0;flex:1;border:1px solid #d6dce0;border-radius:5px;padding:9px 10px;font-size:12px}.search-row button{font-size:12px;white-space:nowrap}.search-note{font-size:10px;line-height:1.5;color:var(--muted);margin:8px 0}.search-status{min-height:0;font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.search-status:empty{display:none}.search-status.error{color:#a23531}.search-results{display:grid;gap:5px;margin-top:7px}.search-result{width:100%;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.4;padding:8px 10px}.search-results:empty{display:none}

.google-search,.approximate-toggle{display:block;width:100%;margin-top:7px;text-align:left;font-size:11px;line-height:1.4}.google-search{color:var(--blue);text-decoration:none;padding:5px 2px}.google-search:hover{text-decoration:underline}.approximate-toggle{min-height:32px;background:#f7f9fa;color:#44535c;padding:6px 9px}.approximate-toggle[hidden],.google-search[hidden]{display:none}
.header-left{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}
.mode-switch{display:inline-flex;background:#f1f4f6;border:1px solid #d6dce0;border-radius:7px;padding:2px;gap:2px}
.mode-btn{font-size:12px;font-weight:500;min-height:30px;padding:4px 11px;border:0;border-radius:5px;background:transparent;color:#4f5b63;transition:background .15s,color .15s}
.mode-btn:hover{background:#e5ebee;color:#272d32}
.mode-btn.active{background:#236a85;color:#fff;font-weight:600;box-shadow:0 1px 2px #10243026}
main{grid-template-columns:336px 1fr}
.swatches span{flex:1;width:auto;min-width:0;border-top:6px solid var(--c);padding-top:6px;text-align:center;font-size:9.5px;line-height:1.25;overflow-wrap:anywhere}
.seismic-block{padding-bottom:16px;border-bottom:1px solid var(--line)}
.seismic-layer-label{margin-top:14px}
.seismic-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 10px;background:#f7f9fa;border:1px solid #e1e6ea;border-radius:6px;padding:8px}
.seismic-stat{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--muted)}
.seismic-stat strong{font-size:10.5px;color:#2c353b;font-weight:600;display:flex;align-items:center;gap:4px}
.seismic-stat span:last-child{font-size:12px;font-weight:600;color:#272d32}
.stat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.stat-dot.ua{background:#16a34a}.stat-dot.oa{background:#f59e0b}.stat-dot.uoa{background:#991b1b}
.seismic-card{display:flex;flex-direction:column;gap:12px;color:#272d32}
.suit-banner{padding:10px 12px;border-radius:6px;border-left:4px solid #64748b;background:#f8fafc}
.suit-banner.ua{border-left-color:#16a34a;background:#f0fdf4}
.suit-banner.oa{border-left-color:#d97706;background:#fffbeb}
.suit-banner.uoa{border-left-color:#b91c1c;background:#fef2f2}
.suit-code{display:inline-block;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;margin-bottom:4px;letter-spacing:.2px}
.suit-banner.ua .suit-code{background:#dcfce7;color:#166534}
.suit-banner.oa .suit-code{background:#fef3c7;color:#92400e}
.suit-banner.uoa .suit-code{background:#fee2e2;color:#991b1b}
.suit-title{font-size:13px;font-weight:650;color:#1e293b;line-height:1.35; display:block}
.suit-sub{font-size:11px;color:#475569;margin-top:3px;line-height:1.45}
.seismic-sec-title{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.4px;color:#52606d;margin:4px 0 2px;border-bottom:1px solid #edf0f2;padding-bottom:4px}
.hazard-pill{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600}
.hazard-low{background:#dcfce7;color:#166534}
.hazard-med{background:#fef3c7;color:#92400e}
.hazard-high{background:#ffedd5;color:#9a3412}
.hazard-crit{background:#fee2e2;color:#991b1b}
.eng-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 11px;font-size:11px;line-height:1.55;color:#334155}
.eng-box strong{display:block;color:#1e293b;margin-bottom:4px;font-size:11.5px}
.eng-box ul{margin:4px 0 0;padding-left:16px}
.eng-box li{margin-bottom:3px}
.loss-box{background:#fff;border:1px solid #dce3e8;border-radius:6px;padding:10px 11px;display:flex;flex-direction:column;gap:8px}
.loss-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.loss-head strong{font-size:12.5px;color:#0f172a;font-weight:700}
.loss-head span{font-size:10.5px;color:#475569;font-weight:500}
.inv-pills{display:flex;flex-wrap:wrap;gap:4px}
.inv-pill{font-size:10px;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-weight:500}
.mahalle-picker{display:flex;flex-direction:column;gap:4px;margin-top:2px}
.mahalle-picker label{font-size:10.5px;font-weight:600;color:#334155}
.mahalle-select{width:100%;padding:6px 8px;min-height:32px;font-size:11.5px;font-weight:600;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px}
.dmg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:2px}
.dmg-cell{padding:6px 8px;border-radius:5px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1px}
.dmg-cell span{font-size:10px;font-weight:600}
.dmg-cell strong{font-size:14px;font-weight:700;line-height:1.2}
.dmg-cell small{font-size:9.5px;opacity:.85}
.dmg-cell.vh{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.dmg-cell.h{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.dmg-cell.m{background:#fefce8;border-color:#fde047;color:#854d0e}
.dmg-cell.l{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
@media(max-width:760px){header{height:auto;min-height:54px;padding:8px 14px;gap:8px;flex-wrap:wrap}.header-left{gap:8px;width:100%;justify-content:space-between}.mode-switch{width:100%}.mode-btn{flex:1;text-align:center;font-size:11px;padding:5px 6px}}