:root{
--canvas:#f2f5f4;--surface:#ffffff;--surface-elevated:#ffffff;--surface-muted:#eaf0ee;
--text-primary:#0d2b30;--text-secondary:#4d666a;--text-muted:#52686b;--border-subtle:#d5dfdd;
--risk-normal:#2f7463;--risk-watch:#b77a24;--risk-alert:#ad4938;--risk-critical:#7e2330;
--source-official:#a64135;--source-observation:#2f6971;--source-supplementary:#718485;
--brand:#123b42;--brand-strong:#082d33;--focus:#83aaa4;--shadow-soft:0 12px 36px rgba(13,43,48,.08);
--motion-fast:100ms;--motion-normal:190ms;--motion-emphasis:600ms;--motion-ease:cubic-bezier(.2,.8,.2,1);
--radius-sm:10px;--radius-md:15px;--radius-lg:22px;
--verified:var(--risk-normal);--degraded:var(--risk-watch);--stale:var(--risk-watch);--unknown:#7b898a;
--extreme:var(--risk-critical);--severe:var(--risk-alert);--moderate:var(--risk-watch);--minor:#7d8d8e;
}
*{box-sizing:border-box}html{background:var(--canvas);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}body{margin:0;background:var(--canvas);min-height:100vh;padding-bottom:72px}button,input,select{font:inherit;color:inherit}button{min-height:44px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--surface);padding:.55rem .78rem;font-weight:700;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}button:active{transform:scale(.96)}button.quiet,.text-button,.area-chip{background:transparent;color:var(--brand);border:1px solid var(--border-subtle)}.text-button{border:0;padding:.35rem .25rem;min-height:44px}.compact{min-height:36px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:var(--brand);border:1px solid transparent}.icon-button svg{width:19px;height:19px;pointer-events:none}input,select{min-height:44px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);padding:.55rem .65rem;font-size:16px}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}.skip{position:absolute;left:-9999px;top:4px;z-index:100;background:var(--surface);padding:.5rem}.skip:focus{left:8px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-sprite{position:absolute;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
.app-header{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 max(13px,env(safe-area-inset-left));background:color-mix(in srgb,var(--canvas) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 82%,transparent);backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:center;gap:.48rem;color:var(--brand);text-decoration:none}.brand-lockup strong{font-size:.98rem;letter-spacing:.105em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--brand);color:var(--surface);font-weight:850}.header-status{display:flex;align-items:center;gap:.28rem}.header-status .mono{font-size:.7rem;color:var(--text-secondary);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-state-dot{width:7px;height:7px;border-radius:50%;background:var(--unknown);box-shadow:0 0 0 3px color-mix(in srgb,var(--unknown) 14%,transparent)}.header-state-dot.state-verified{background:var(--verified);box-shadow:0 0 0 3px color-mix(in srgb,var(--verified) 14%,transparent)}.header-state-dot.state-degraded,.header-state-dot.state-stale{background:var(--risk-watch);box-shadow:0 0 0 3px color-mix(in srgb,var(--risk-watch) 14%,transparent)}
.app-shell{max-width:1220px;margin:auto;padding:6px 10px 24px}.area-shell{margin:0}.area-selector{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.42rem .25rem .48rem}.area-context-copy{min-width:0;display:grid;gap:.08rem}.area-selector strong{display:block;font-size:.92rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-event-context{font-size:.72rem;color:var(--text-secondary);line-height:1.2}.meta-label,.eyebrow{display:block;margin:0;color:var(--text-muted);font-size:.62rem;font-weight:850;letter-spacing:.11em}.area-chip{min-height:36px;padding:.32rem .58rem;border-radius:999px;font-size:.72rem;white-space:nowrap}.search-panel{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.5rem;box-shadow:var(--shadow-soft)}.row{display:flex;gap:.5rem;align-items:center}.search-panel input{flex:1}.location-shortcuts{display:flex;gap:.5rem;margin-top:.5rem}.plain-list{list-style:none;padding:0;margin:.5rem 0 0}.plain-list button{width:100%;text-align:left;background:var(--surface-muted);color:var(--text-primary);margin:.2rem 0}
.verification-strip{display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:center;margin-top:2px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface);padding:.45rem .58rem;box-shadow:0 1px 0 rgba(13,43,48,.03)}.verification-strip.state-verified{border-left:3px solid var(--verified)}.verification-strip.state-degraded{border-left:3px solid var(--degraded)}.verification-strip.state-stale{border-left:3px solid var(--stale)}.verification-strip.state-unknown,.verification-strip.state-offline{border-left:3px solid var(--unknown)}.status-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--surface-muted);color:var(--brand)}.status-symbol svg{width:16px;height:16px}.verification-strip strong{font-size:.74rem;display:block;letter-spacing:.01em}.verification-strip p{font-size:.69rem;color:var(--text-secondary);margin:.08rem 0 0;line-height:1.25}.verification-strip .text-button{min-height:36px;font-size:.68rem;padding:.2rem .32rem}.network-state{margin:.28rem .2rem 0;color:var(--text-secondary);font-size:.72rem}.network-state:empty{display:none}
.now-grid{display:grid;gap:7px;margin-top:7px}.primary-column{display:grid;gap:7px}.panel,.content-section{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 1px 1px rgba(13,43,48,.02)}.panel{padding:.66rem}.situation-panel{padding:.55rem;overflow:hidden}.situation-head,.section-minihead,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.situation-head h2,.section-minihead h2,.section-heading h2{margin:.05rem 0 0;font-size:1rem;line-height:1.1}.situation-live{display:flex;align-items:center;gap:.32rem;color:var(--text-secondary);font-size:.67rem}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--verified)}
.situation-canvas{height:clamp(235px,42vh,390px);margin-top:.32rem;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface-muted),color-mix(in srgb,var(--surface) 88%,var(--surface-muted)));overflow:hidden;border:1px solid var(--border-subtle);position:relative;isolation:isolate}.situation-canvas::before{content:"";position:absolute;inset:9% 6%;border:1px solid color-mix(in srgb,var(--brand) 8%,transparent);border-radius:50%;pointer-events:none;z-index:0}.situation-canvas.refresh-success:after{content:"";position:absolute;inset:-12% -35%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 64%,transparent),transparent);animation:canvasSweep 600ms var(--motion-ease) 1 forwards;pointer-events:none;z-index:5}@keyframes canvasSweep{from{transform:translateX(-70%)}to{transform:translateX(70%)}}#situation-map{position:absolute;inset:0;width:100%;height:100%;padding:4px 12px 8px 2px;z-index:1}.argentina-shape{fill:color-mix(in srgb,var(--source-observation) 13%,var(--surface));stroke:color-mix(in srgb,var(--source-observation) 68%,var(--surface));stroke-width:1.4}.situation-marker{cursor:pointer;color:var(--surface);transform-origin:center;transition:opacity var(--motion-normal) var(--motion-ease),filter var(--motion-normal) var(--motion-ease)}.situation-marker circle{fill:var(--brand);stroke:var(--surface);stroke-width:2}.situation-marker.official circle{fill:var(--source-official)}.situation-marker.supplementary circle{fill:var(--source-supplementary)}.situation-marker.observation circle{fill:var(--source-observation)}.situation-marker.is-selected circle{stroke-width:3;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--brand) 30%,transparent))}.situation-marker svg{color:var(--surface);pointer-events:none}.situation-area{cursor:pointer;fill:color-mix(in srgb,var(--risk-alert) 10%,transparent);stroke:var(--risk-alert);stroke-width:1.15;stroke-dasharray:4 2}.situation-area.observation{fill:color-mix(in srgb,var(--source-observation) 9%,transparent);stroke:var(--source-observation)}.situation-area.supplementary{fill:color-mix(in srgb,var(--source-supplementary) 8%,transparent);stroke:var(--source-supplementary)}.situation-area.is-selected{stroke-width:2;stroke-dasharray:none}.selection-zone{fill:color-mix(in srgb,var(--brand) 6%,transparent);stroke:color-mix(in srgb,var(--brand) 55%,transparent);stroke-width:1;stroke-dasharray:3 2}.selection-halo{fill:color-mix(in srgb,var(--brand) 8%,transparent);stroke:var(--brand);stroke-width:1;stroke-dasharray:2 2}.selection-dot{fill:var(--brand)}
.situation-metrics{position:absolute;inset:8px 8px auto auto;width:106px;z-index:3;display:grid;gap:.42rem;pointer-events:none}.canvas-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.28rem}.canvas-metrics div{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent);border-radius:var(--radius-sm);padding:.28rem;backdrop-filter:blur(6px)}.canvas-metrics strong{display:block;font-size:.88rem;font-variant-numeric:tabular-nums}.canvas-metrics span{font-size:.52rem;color:var(--text-secondary)}.canvas-selected{position:absolute;left:8px;right:8px;bottom:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.42rem .5rem;pointer-events:auto;backdrop-filter:blur(8px)}.canvas-selected .meta-label{font-size:.51rem}.canvas-selected strong,.canvas-selected small{display:block}.canvas-selected strong{font-size:.69rem;line-height:1.2}.canvas-selected small{font-size:.58rem;color:var(--text-secondary);margin-top:.1rem}.situation-legend{display:flex;gap:.64rem;flex-wrap:wrap;margin:.34rem .08rem 0;color:var(--text-secondary);font-size:.57rem;font-weight:750;letter-spacing:.04em}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.2rem}.legend-dot.official{background:var(--source-official)}.legend-dot.observation{background:var(--source-observation)}.legend-dot.supplementary{background:var(--source-supplementary)}
.top-relevant-panel{padding:.58rem .64rem}.top-event{position:relative;border-left:3px solid var(--moderate);padding-left:.62rem}.top-event.severity-severe,.top-event.severity-extreme{border-left-color:var(--severe)}.top-event-head{display:grid;grid-template-columns:36px 1fr;gap:.55rem;align-items:center}.hazard-icon-shell{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surface-muted);color:var(--brand)}.hazard-icon-shell.small{width:30px;height:30px}.hazard-icon{width:20px;height:20px}.top-event h3,.event-row h3{margin:0;font-size:.94rem;line-height:1.15}.top-event-head p,.event-location{margin:.06rem 0;color:var(--text-secondary);font-size:.7rem}.top-event-signal{display:flex;align-items:center;gap:.3rem;margin:.3rem 0 .08rem;font-size:.68rem;font-weight:850;letter-spacing:.04em}.top-event-signal .distance-value{font-variant-numeric:tabular-nums}.severity-label{font-size:.6rem;font-weight:850;letter-spacing:.06em;color:var(--text-secondary)}.top-source-line{display:flex;align-items:baseline;gap:.42rem;min-width:0;margin:.18rem 0 .32rem}.top-source-line strong{font-size:.72rem;color:var(--text-primary)}.top-source-line span{font-size:.59rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-role-official{color:var(--source-official)!important}.source-role-observation{color:var(--source-observation)!important}.source-role-supplementary{color:var(--source-supplementary)!important}.proximity-label{display:flex;align-items:center;gap:.28rem;margin:.32rem 0 .18rem;color:var(--brand);font-size:.73rem;font-weight:750}.proximity-label.compact{margin:.16rem 0}.proximity-icon{width:14px;height:14px}.proximity-diagram{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:.38rem;margin:.38rem 0 .28rem;min-width:0}.proximity-node{font-size:.57rem;font-weight:800;color:var(--text-secondary);max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em}.proximity-node:last-child{text-align:right}.proximity-link{position:relative;height:20px;display:grid;place-items:center}.proximity-link::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--brand) 44%,var(--border-subtle));transform:scaleX(0);transform-origin:left;animation:lineReveal 220ms var(--motion-ease) 1 forwards}.proximity-link::after{content:"";position:absolute;right:-1px;top:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:var(--brand)}.proximity-link b{position:relative;z-index:1;background:var(--surface);padding:0 .28rem;font-size:.58rem;font-weight:850;color:var(--brand);font-variant-numeric:tabular-nums}@keyframes lineReveal{to{transform:scaleX(1)}}.event-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.76rem;margin:.3rem 0;color:var(--text-primary);line-height:1.36}.evidence-rail{display:grid;grid-template-columns:1.05fr .8fr 1fr;border-top:1px solid var(--border-subtle);margin-top:.4rem;padding-top:.4rem;gap:.24rem}.evidence-rail div{min-width:0}.evidence-rail span{display:block;font-size:.5rem;color:var(--text-muted);letter-spacing:.06em}.evidence-rail strong{display:block;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evidence-rail small{display:block;font-size:.54rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-detail{margin-top:.12rem;font-size:.7rem}
.hazard-panel{padding:.58rem .66rem}.hazard-bars,.zone-bars{display:grid;gap:.34rem;margin-top:.45rem}.bar-row{display:grid;grid-template-columns:108px 1fr 24px;gap:.42rem;align-items:center}.bar-label{display:flex;align-items:center;gap:.34rem;font-size:.69rem;min-width:0}.bar-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-icon{width:15px;height:15px;color:var(--brand)}.bar-track{height:6px;border-radius:99px;background:var(--surface-muted);overflow:hidden}.bar-track i{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width 220ms var(--motion-ease);transform-origin:left}.bar-track i.is-zero{width:0!important}.bar-track i.is-unknown{width:0!important}.bar-row strong{font-size:.68rem;text-align:right;font-variant-numeric:tabular-nums}.zone-bar{display:grid;grid-template-columns:92px 1fr 18px;gap:.35rem;align-items:center;font-size:.64rem}.zone-bar i{height:5px;background:var(--source-observation);border-radius:99px}.severity-distribution{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.45rem}.severity-chip{font-size:.59rem;border:1px solid var(--border-subtle);border-radius:99px;padding:.22rem .38rem}.severity-chip strong{font-variant-numeric:tabular-nums}
.trust-column{display:none}.source-pulse-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;padding:.38rem 0;border-bottom:1px solid var(--border-subtle);font-size:.69rem}.source-pulse-row:last-child{border-bottom:0}.source-pulse-row span,.source-pulse-row small{font-size:.61rem;color:var(--text-secondary)}
.content-section{margin-top:8px;padding:.76rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:.55rem 0}.filters label{font-size:.67rem;color:var(--text-secondary)}.filters select{display:block;min-height:38px;font-size:.77rem;padding:.3rem}.event-timeline{display:flex;gap:.65rem;overflow:auto;padding:.2rem 0 .5rem}.timeline-row{display:flex;align-items:center;gap:.24rem;white-space:nowrap;font-size:.64rem;color:var(--text-secondary)}.timeline-dot{width:6px;height:6px;border-radius:50%;background:var(--brand)}.timeline-icon{width:13px;height:13px}.event-list{display:grid}.event-row{padding:.56rem .25rem;border-top:1px solid var(--border-subtle);border-left:3px solid var(--minor)}.event-row.severity-severe,.event-row.severity-extreme{border-left-color:var(--severe)}.event-topline{display:flex;justify-content:space-between;align-items:center}.event-hazard{display:flex;gap:.45rem;align-items:center}.event-actions{text-align:right}.empty-state{display:grid;gap:.18rem;padding:.62rem;color:var(--text-secondary)}.empty-state strong{color:var(--text-primary);font-size:.8rem}.empty-state span{font-size:.71rem}.muted{color:var(--text-secondary);font-size:.74rem}
.map-screen{padding:.65rem;min-width:0}.map-toolbar{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0}.map-toolbar h2{margin:.05rem 0;font-size:1.05rem}.map-role-filters{display:flex;gap:.25rem;overflow:auto;width:100%;max-width:100%;min-width:0}.map-role-filters button{white-space:nowrap;flex:0 0 auto;background:var(--surface);color:var(--brand);border:1px solid var(--border-subtle);font-size:.68rem;padding:.3rem .45rem}.map-role-filters button.is-active{background:var(--brand);color:var(--surface)}.layer-controls{display:grid;gap:.5rem;margin:.55rem 0}.layer-controls>div{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem}.layer-controls label{display:block;font-size:.75rem;margin-bottom:.25rem}.layer-controls select{width:100%}.evidence-note{margin-top:.35rem;font-size:.72rem}.map{position:relative;min-height:420px;background:var(--surface-muted);border-radius:var(--radius-md);overflow:hidden}.map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gibs-overlay,.risk-overlay{z-index:2}.map-marker{position:absolute;z-index:5;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;padding:0;background:var(--surface);color:var(--brand);border:3px solid var(--surface);box-shadow:0 2px 8px rgba(13,43,48,.24)}.map-marker--official{background:var(--source-official);color:var(--surface)}.map-marker-icon{width:18px;height:18px;pointer-events:none}.map-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:.5rem;min-width:0}.map-controls{display:flex;gap:0;width:100%;justify-content:space-between;min-width:0}.map-controls button{width:44px;flex:0 0 44px;padding:0}.zones-screen{max-width:760px}.zone-create{display:grid;gap:.45rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.7rem;margin:.55rem 0}.zone-preview{display:flex;align-items:center;gap:.7rem;background:var(--surface-muted);border-radius:var(--radius-sm);padding:.4rem}.zone-preview svg{width:96px;height:72px}.zone-preview circle:first-child{fill:color-mix(in srgb,var(--brand) 8%,transparent);stroke:var(--brand);stroke-width:1.5}.zone-preview circle:last-child{fill:var(--brand)}.zone-list{display:grid;gap:.55rem}.zone-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem}.zone-card-head,.zone-title,.zone-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.zone-title{justify-content:flex-start}.zone-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--brand)}.zone-icon svg{width:22px;height:22px}.zone-title h3{margin:0;font-size:.9rem}.zone-title p{margin:.08rem 0;font-size:.68rem;color:var(--text-secondary)}.status-pill{border-radius:99px;padding:.2rem .4rem;background:var(--surface-muted);font-size:.58rem;font-weight:800}.status-pill.verified{background:color-mix(in srgb,var(--verified) 13%,var(--surface));color:var(--verified)}.status-pill.degraded{background:color-mix(in srgb,var(--degraded) 13%,var(--surface));color:color-mix(in srgb,var(--degraded) 72%,var(--text-primary))}.zone-hazards{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.zone-hazard{display:flex;align-items:center;gap:.2rem;font-size:.65rem}.zone-hazard svg{width:15px;height:15px}.zone-state{font-size:.75rem}.push-setup{margin-top:.75rem;border-top:1px solid var(--border-subtle);padding-top:.75rem}.push-actions{flex-wrap:wrap}.source-row{border-top:1px solid var(--border-subtle);padding:.65rem .1rem}.source-row>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.source-row>div:first-child{align-items:flex-start;flex-direction:column}.source-row span{font-size:.68rem;color:var(--text-secondary)}
dialog{border:0;border-radius:var(--radius-lg);box-shadow:0 24px 70px rgba(13,43,48,.25);width:min(620px,calc(100% - 24px));max-height:88vh;padding:.8rem;color:var(--text-primary)}dialog[open]{animation:sheetIn 180ms var(--motion-ease) 1 both}@keyframes sheetIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}dialog::backdrop{background:rgba(8,45,51,.34)}.dialog-close{float:right}.detail-title{display:flex;gap:.6rem;align-items:center}.detail-title h2{font-size:1.15rem;margin:.08rem 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.65rem 0}.detail-grid div{background:var(--surface-muted);border-radius:var(--radius-sm);padding:.5rem}.detail-grid span{display:block;font-size:.58rem;color:var(--text-secondary)}.detail-grid strong{font-size:.72rem}.detail-actions{border-left:4px solid var(--severe);padding:.45rem .6rem;background:color-mix(in srgb,var(--risk-alert) 6%,var(--surface));border-radius:8px}.detail-source{border-top:1px solid var(--border-subtle);padding:.5rem 0}.detail-source p{font-size:.75rem}
.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:60px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 97%,transparent);border-top:1px solid var(--border-subtle);backdrop-filter:blur(10px)}.bottom-nav button{border-radius:0;background:transparent;color:var(--text-secondary);padding:.25rem;display:grid;place-items:center;align-content:center;gap:.08rem;font-size:.63rem}.bottom-nav button[aria-current="page"]{color:var(--brand);font-weight:850}.bottom-nav svg{width:19px;height:19px;pointer-events:none}footer{max-width:1180px;margin:1rem auto 5rem;padding:0 1rem;color:var(--text-secondary);font-size:.7rem}.build-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-height:650px) and (max-width:899px){.app-header{height:52px}.verification-strip{padding:.34rem .52rem}.verification-strip p{display:none}.situation-canvas{height:clamp(220px,40vh,250px)}}
@media(min-width:900px){body{padding-bottom:0}.app-header{padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:max(24px,calc((100vw - 1220px)/2))}.app-shell{padding:12px 20px 34px}.now-grid{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);grid-template-areas:"situation top" "situation source" "hazard source";gap:12px}.primary-column,.trust-column{display:contents}.situation-panel{grid-area:situation}.top-relevant-panel{grid-area:top;align-self:start}.hazard-panel{grid-area:hazard}.trust-column #source-pulse-panel{grid-area:source;align-self:start}.trust-column{display:contents}.situation-canvas{height:clamp(520px,65vh,690px)}.situation-metrics{width:132px;top:12px;right:12px}.canvas-selected{left:12px;right:12px;bottom:12px;padding:.54rem .64rem}.content-section{margin-top:12px}.layer-controls{grid-template-columns:1fr 1fr}.bottom-nav{position:fixed;left:50%;right:auto;bottom:14px;width:430px;transform:translateX(-50%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft)}.source-row>div:first-child{flex-direction:row}.event-list{grid-template-columns:1fr}.bar-row{grid-template-columns:136px 1fr 28px}}
@media(min-width:1500px){.app-shell{max-width:1420px}.app-header{padding-left:max(28px,calc((100vw - 1420px)/2));padding-right:max(28px,calc((100vw - 1420px)/2))}.situation-canvas{height:min(70vh,760px)}}
@media(hover:hover) and (pointer:fine){button:hover{background-color:color-mix(in srgb,var(--brand) 94%,var(--surface))}.quiet:hover,.text-button:hover,.area-chip:hover{background-color:var(--surface-muted);color:var(--brand)}.bottom-nav button:hover{background-color:var(--surface-muted);color:var(--brand)}.situation-marker:hover{opacity:.82}.event-row:hover{background:color-mix(in srgb,var(--surface-muted) 32%,var(--surface))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.situation-canvas.refresh-success:after{animation:none!important}.situation-marker{transform:none}.top-event,.event-row,dialog[open],.proximity-link::before{animation:none!important}.proximity-link::before{transform:scaleX(1)!important}}

.pct-w-0{width:0%}.pct-w-1{width:1%}.pct-w-2{width:2%}.pct-w-3{width:3%}.pct-w-4{width:4%}.pct-w-5{width:5%}.pct-w-6{width:6%}.pct-w-7{width:7%}.pct-w-8{width:8%}.pct-w-9{width:9%}.pct-w-10{width:10%}.pct-w-11{width:11%}.pct-w-12{width:12%}.pct-w-13{width:13%}.pct-w-14{width:14%}.pct-w-15{width:15%}.pct-w-16{width:16%}.pct-w-17{width:17%}.pct-w-18{width:18%}.pct-w-19{width:19%}.pct-w-20{width:20%}.pct-w-21{width:21%}.pct-w-22{width:22%}.pct-w-23{width:23%}.pct-w-24{width:24%}.pct-w-25{width:25%}.pct-w-26{width:26%}.pct-w-27{width:27%}.pct-w-28{width:28%}.pct-w-29{width:29%}.pct-w-30{width:30%}.pct-w-31{width:31%}.pct-w-32{width:32%}.pct-w-33{width:33%}.pct-w-34{width:34%}.pct-w-35{width:35%}.pct-w-36{width:36%}.pct-w-37{width:37%}.pct-w-38{width:38%}.pct-w-39{width:39%}.pct-w-40{width:40%}.pct-w-41{width:41%}.pct-w-42{width:42%}.pct-w-43{width:43%}.pct-w-44{width:44%}.pct-w-45{width:45%}.pct-w-46{width:46%}.pct-w-47{width:47%}.pct-w-48{width:48%}.pct-w-49{width:49%}.pct-w-50{width:50%}.pct-w-51{width:51%}.pct-w-52{width:52%}.pct-w-53{width:53%}.pct-w-54{width:54%}.pct-w-55{width:55%}.pct-w-56{width:56%}.pct-w-57{width:57%}.pct-w-58{width:58%}.pct-w-59{width:59%}.pct-w-60{width:60%}.pct-w-61{width:61%}.pct-w-62{width:62%}.pct-w-63{width:63%}.pct-w-64{width:64%}.pct-w-65{width:65%}.pct-w-66{width:66%}.pct-w-67{width:67%}.pct-w-68{width:68%}.pct-w-69{width:69%}.pct-w-70{width:70%}.pct-w-71{width:71%}.pct-w-72{width:72%}.pct-w-73{width:73%}.pct-w-74{width:74%}.pct-w-75{width:75%}.pct-w-76{width:76%}.pct-w-77{width:77%}.pct-w-78{width:78%}.pct-w-79{width:79%}.pct-w-80{width:80%}.pct-w-81{width:81%}.pct-w-82{width:82%}.pct-w-83{width:83%}.pct-w-84{width:84%}.pct-w-85{width:85%}.pct-w-86{width:86%}.pct-w-87{width:87%}.pct-w-88{width:88%}.pct-w-89{width:89%}.pct-w-90{width:90%}.pct-w-91{width:91%}.pct-w-92{width:92%}.pct-w-93{width:93%}.pct-w-94{width:94%}.pct-w-95{width:95%}.pct-w-96{width:96%}.pct-w-97{width:97%}.pct-w-98{width:98%}.pct-w-99{width:99%}.pct-w-100{width:100%}.pct-x-0{left:0%}.pct-x-1{left:1%}.pct-x-2{left:2%}.pct-x-3{left:3%}.pct-x-4{left:4%}.pct-x-5{left:5%}.pct-x-6{left:6%}.pct-x-7{left:7%}.pct-x-8{left:8%}.pct-x-9{left:9%}.pct-x-10{left:10%}.pct-x-11{left:11%}.pct-x-12{left:12%}.pct-x-13{left:13%}.pct-x-14{left:14%}.pct-x-15{left:15%}.pct-x-16{left:16%}.pct-x-17{left:17%}.pct-x-18{left:18%}.pct-x-19{left:19%}.pct-x-20{left:20%}.pct-x-21{left:21%}.pct-x-22{left:22%}.pct-x-23{left:23%}.pct-x-24{left:24%}.pct-x-25{left:25%}.pct-x-26{left:26%}.pct-x-27{left:27%}.pct-x-28{left:28%}.pct-x-29{left:29%}.pct-x-30{left:30%}.pct-x-31{left:31%}.pct-x-32{left:32%}.pct-x-33{left:33%}.pct-x-34{left:34%}.pct-x-35{left:35%}.pct-x-36{left:36%}.pct-x-37{left:37%}.pct-x-38{left:38%}.pct-x-39{left:39%}.pct-x-40{left:40%}.pct-x-41{left:41%}.pct-x-42{left:42%}.pct-x-43{left:43%}.pct-x-44{left:44%}.pct-x-45{left:45%}.pct-x-46{left:46%}.pct-x-47{left:47%}.pct-x-48{left:48%}.pct-x-49{left:49%}.pct-x-50{left:50%}.pct-x-51{left:51%}.pct-x-52{left:52%}.pct-x-53{left:53%}.pct-x-54{left:54%}.pct-x-55{left:55%}.pct-x-56{left:56%}.pct-x-57{left:57%}.pct-x-58{left:58%}.pct-x-59{left:59%}.pct-x-60{left:60%}.pct-x-61{left:61%}.pct-x-62{left:62%}.pct-x-63{left:63%}.pct-x-64{left:64%}.pct-x-65{left:65%}.pct-x-66{left:66%}.pct-x-67{left:67%}.pct-x-68{left:68%}.pct-x-69{left:69%}.pct-x-70{left:70%}.pct-x-71{left:71%}.pct-x-72{left:72%}.pct-x-73{left:73%}.pct-x-74{left:74%}.pct-x-75{left:75%}.pct-x-76{left:76%}.pct-x-77{left:77%}.pct-x-78{left:78%}.pct-x-79{left:79%}.pct-x-80{left:80%}.pct-x-81{left:81%}.pct-x-82{left:82%}.pct-x-83{left:83%}.pct-x-84{left:84%}.pct-x-85{left:85%}.pct-x-86{left:86%}.pct-x-87{left:87%}.pct-x-88{left:88%}.pct-x-89{left:89%}.pct-x-90{left:90%}.pct-x-91{left:91%}.pct-x-92{left:92%}.pct-x-93{left:93%}.pct-x-94{left:94%}.pct-x-95{left:95%}.pct-x-96{left:96%}.pct-x-97{left:97%}.pct-x-98{left:98%}.pct-x-99{left:99%}.pct-x-100{left:100%}.pct-y-0{top:0%}.pct-y-1{top:1%}.pct-y-2{top:2%}.pct-y-3{top:3%}.pct-y-4{top:4%}.pct-y-5{top:5%}.pct-y-6{top:6%}.pct-y-7{top:7%}.pct-y-8{top:8%}.pct-y-9{top:9%}.pct-y-10{top:10%}.pct-y-11{top:11%}.pct-y-12{top:12%}.pct-y-13{top:13%}.pct-y-14{top:14%}.pct-y-15{top:15%}.pct-y-16{top:16%}.pct-y-17{top:17%}.pct-y-18{top:18%}.pct-y-19{top:19%}.pct-y-20{top:20%}.pct-y-21{top:21%}.pct-y-22{top:22%}.pct-y-23{top:23%}.pct-y-24{top:24%}.pct-y-25{top:25%}.pct-y-26{top:26%}.pct-y-27{top:27%}.pct-y-28{top:28%}.pct-y-29{top:29%}.pct-y-30{top:30%}.pct-y-31{top:31%}.pct-y-32{top:32%}.pct-y-33{top:33%}.pct-y-34{top:34%}.pct-y-35{top:35%}.pct-y-36{top:36%}.pct-y-37{top:37%}.pct-y-38{top:38%}.pct-y-39{top:39%}.pct-y-40{top:40%}.pct-y-41{top:41%}.pct-y-42{top:42%}.pct-y-43{top:43%}.pct-y-44{top:44%}.pct-y-45{top:45%}.pct-y-46{top:46%}.pct-y-47{top:47%}.pct-y-48{top:48%}.pct-y-49{top:49%}.pct-y-50{top:50%}.pct-y-51{top:51%}.pct-y-52{top:52%}.pct-y-53{top:53%}.pct-y-54{top:54%}.pct-y-55{top:55%}.pct-y-56{top:56%}.pct-y-57{top:57%}.pct-y-58{top:58%}.pct-y-59{top:59%}.pct-y-60{top:60%}.pct-y-61{top:61%}.pct-y-62{top:62%}.pct-y-63{top:63%}.pct-y-64{top:64%}.pct-y-65{top:65%}.pct-y-66{top:66%}.pct-y-67{top:67%}.pct-y-68{top:68%}.pct-y-69{top:69%}.pct-y-70{top:70%}.pct-y-71{top:71%}.pct-y-72{top:72%}.pct-y-73{top:73%}.pct-y-74{top:74%}.pct-y-75{top:75%}.pct-y-76{top:76%}.pct-y-77{top:77%}.pct-y-78{top:78%}.pct-y-79{top:79%}.pct-y-80{top:80%}.pct-y-81{top:81%}.pct-y-82{top:82%}.pct-y-83{top:83%}.pct-y-84{top:84%}.pct-y-85{top:85%}.pct-y-86{top:86%}.pct-y-87{top:87%}.pct-y-88{top:88%}.pct-y-89{top:89%}.pct-y-90{top:90%}.pct-y-91{top:91%}.pct-y-92{top:92%}.pct-y-93{top:93%}.pct-y-94{top:94%}.pct-y-95{top:95%}.pct-y-96{top:96%}.pct-y-97{top:97%}.pct-y-98{top:98%}.pct-y-99{top:99%}.pct-y-100{top:100%}