.stats-summary{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffd9}.stats-summary--compact{gap:.75rem;padding-bottom:0}.stats-summary--viewport-only{border-bottom:none;padding-bottom:0}.stats-summary--viewport-only .totals{display:none}.stats-summary--viewport-only .viewport{margin:0}.stats-summary--viewport-only .viewport h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3}.stats-summary--compact.stats-summary--viewport-only .viewport h3{font-size:.8rem}.stats-summary h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.stats-summary .totals-header{display:flex;align-items:baseline;gap:.75rem}.stats-summary .discrepancy-control{position:relative;display:inline-flex;align-items:center;margin-left:auto}.stats-summary .discrepancy-button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#ffffffd9;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;padding:0}.stats-summary .discrepancy-button:hover,.stats-summary .discrepancy-button.active{background:#ffffff1a;border-color:#ffffff80}.stats-summary .discrepancy-button svg{width:14px;height:14px}.stats-summary .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}.stats-summary .discrepancy-popover{position:absolute;top:calc(100% + 10px);right:0;width:260px;padding:.75rem;border-radius:10px;background:#111827f2;color:#ffffffd9;box-shadow:0 18px 46px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border:1px solid rgba(255,255,255,.14)}.stats-summary .discrepancy-popover p{margin:0 0 .35rem;font-size:.78rem;line-height:1.35}.stats-summary .discrepancy-details{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.stats-summary .discrepancy-details h4{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.stats-summary .discrepancy-details ul{margin:0;padding-left:0;display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:#ffffffd9;list-style:none}.stats-summary .discrepancy-list{margin:.3rem 0 .35rem 1.1rem;padding:0;list-style:disc;display:flex;flex-direction:column;gap:.28rem;font-size:.78rem;color:#ffffffd9}.stats-summary .discrepancy-note{color:#ffffffa6}.stats-summary .discrepancy-note--footnote{font-size:.72rem;margin-top:.1rem;color:#fff9}.stats-summary .filter-note{margin:.6rem 0 0;font-size:.72rem;color:#fff9;letter-spacing:.04em;text-transform:uppercase}.stats-summary .discrepancy-toggle{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.75rem;color:#ffffffd9}.stats-summary .discrepancy-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#5a7cff}.stats-summary .year-pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;background:#4f9cff26;border:1px solid rgba(79,156,255,.35);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#c5dbfff2}.stats-summary--compact h2{font-size:1rem}.stats-summary--compact .totals-header{gap:.5rem}.stats-summary--compact .year-pill{font-size:.62rem;padding:.1rem .45rem}.stats-summary h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#ffffffd9}.stats-summary--compact h3{font-size:.9rem}.stats-summary .totals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stats-summary .totals-grid--single{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem}.stats-summary--compact .totals-grid{gap:.5rem}.stats-summary .label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:.25rem}.stats-summary--compact .label{font-size:.7rem}.stats-summary .value{font-size:1.1rem;font-weight:600;color:#fff}.stats-summary .label--muted{font-size:.7rem;margin-top:.2rem;color:#ffffff80}.stats-summary .totals-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.75rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.stats-summary .breakdown-card{display:flex;flex-direction:column;gap:.35rem}.stats-summary .breakdown-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.stats-summary .breakdown-metric{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem;color:#fff;gap:.75rem}.stats-summary .breakdown-metric span:first-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffffa6}.stats-summary .breakdown-metric span:last-child{font-weight:600;font-size:1rem;color:#fff}.stats-summary .breakdown-footnote{font-size:.7rem;color:#ffffff8c}.stats-summary--compact .value{font-size:.95rem}.stats-summary .hint{font-size:.85rem;color:#ffffffa6;margin:0}.stats-summary--compact .hint{font-size:.75rem}.leaderboard{padding:0;background:transparent;width:100%}.street-leaderboard,.neighbourhood-leaderboard{animation:fadeIn .3s ease}.leaderboard h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.3px}.leaderboard .subtitle{margin:0 0 12px;padding:0 8px;font-size:12px;color:#fff9;font-weight:400;line-height:1.4}.loading{text-align:center;padding:30px;color:#fff9;font-size:14px}.leaderboard-list{display:flex;flex-direction:column;gap:0}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.leaderboard-item:hover,.leaderboard-item:focus-visible{background:#ffffff0f;outline:none}.leaderboard-item .rank{font-size:15px;font-weight:600;color:#fff6;min-width:24px;text-align:left}.leaderboard-item .details{flex:1;min-width:0}.leaderboard-item .name{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item .stats{display:flex;gap:8px;font-size:11px;color:#ffffff80;flex-wrap:wrap}.leaderboard-item .ticket-count{font-weight:400;color:#fff9}.leaderboard-item .revenue{color:#0a84ff;font-weight:600}.leaderboard-item .top-infraction{font-size:10px;color:#fff6;margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ward-hover-popup{position:fixed;top:112px;right:28px;width:240px;border-radius:14px;background:#111827f0;color:#f8fafc;box-shadow:0 18px 46px #080f1c59;padding:16px 18px;z-index:9600;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ward-hover-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ward-hover-dataset{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f8fafc99}.ward-hover-header h4{margin:0;font-size:16px;font-weight:600;color:#fff}.ward-hover-body{display:flex;flex-direction:column;gap:10px}.ward-hover-stat{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.ward-hover-stat .label{color:#f8fafc9e;text-transform:uppercase;letter-spacing:.08em}.ward-hover-stat .value{font-weight:600;color:#f8fafc}.ward-hover-stat--nested{margin-top:4px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;border-radius:10px;background:#ffffff0a}.ward-hover-source{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f8fafcb3}.ward-hover-metric{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#f8fafc}.ward-hover-metric-label{font-weight:500;letter-spacing:.02em}.ward-hover-metric-value{font-weight:600}@media (max-width: 960px){.ward-hover-popup{top:auto;bottom:140px;right:16px;width:220px}}@media (max-width: 720px){.info-popup.popup-variant-floating{margin:0 auto;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}}.layer-toggles{padding:14px 16px;min-width:180px;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.controls-title{margin:0 0 12px;font-size:12px;font-weight:600;color:#1d1d1f;letter-spacing:.3px}.toggle-list{display:flex;flex-direction:column;gap:8px}.toggle-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#1d1d1f;padding:8px 10px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffff4d}.toggle-item:hover{background:#fff9;transform:translate(2px)}.toggle-icon{font-size:16px;line-height:1}.toggle-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.legend{background:#2c2c2e;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.legend.collapsed{padding:0;min-width:0;width:44px;height:44px;border-radius:22px;background:#2c2c2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.legend.expanded{padding:36px 0 0;min-width:280px;width:auto;height:auto}.legend-support{position:absolute;bottom:0;right:calc(100% + 14px);display:inline-flex;align-items:center;justify-content:center;padding:2px;background:#f8fafceb;border-radius:10px;box-shadow:0 10px 22px #00000059;transition:transform .2s ease,box-shadow .2s ease;pointer-events:auto;z-index:12}.legend-support:hover,.legend-support:focus-visible{transform:translateY(-4px);box-shadow:0 14px 26px #0006}.legend-support img{display:block;height:36px}.legend.collapsed .legend-support{right:calc(100% + 10px);bottom:4px}@media (max-width: 768px){.legend-support{position:static;align-self:flex-start;right:auto;margin-top:16px}}.legend-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:#fff9;font-size:10px;cursor:pointer;width:100%;text-align:left;border-radius:10px;transition:all .2s ease}.legend.collapsed .legend-toggle{padding:12px;justify-content:center;width:44px;height:44px}.legend.collapsed .legend-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.legend.expanded .legend-toggle{display:none}.legend.expanded .legend-toggle:hover{background:#ffffff0d;color:#fffc}.legend-toggle svg{color:#0a84ff;flex-shrink:0}.legend-attribution{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-traffic-lights{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:10}.traffic-light{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;padding:0}.traffic-light.red{background:#ff5f57}.traffic-light.yellow{background:#ffbd2e;cursor:not-allowed;opacity:.7}.traffic-light.green{background:#28ca42;cursor:not-allowed;opacity:.7}.traffic-light.red:hover{background:#ff3b30;transform:scale(1.1)}.traffic-light.red:active{transform:scale(.9)}.legend-content{animation:fadeIn .3s ease;position:relative;padding:0 16px 16px}.legend h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#fff}.legend-intro{margin:0 0 12px;font-size:11px;color:#ffffffb3;line-height:1.5}.legend-section{margin-bottom:12px}.legend-section:last-of-type{margin-bottom:0}.legend-title{font-size:11px;font-weight:600;color:#ffffffb3;margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:#ffffffb3}.legend-item:last-child{margin-bottom:0}.legend-color{width:16px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.legend-color.circle{border-radius:50%;width:12px;height:12px}.legend-gradient-bar{width:100%;height:10px;border-radius:5px;border:1px solid rgba(255,255,255,.25);margin-bottom:8px;background-repeat:no-repeat;background-size:100% 100%;opacity:.85;filter:drop-shadow(0 0 4px rgba(0,0,0,.05)) drop-shadow(0 0 12px currentColor)}.legend-gradient-labels{display:flex;justify-content:space-between;font-size:10px;color:#ffffffa6;font-variant-numeric:tabular-nums}.legend-clusters{list-style:none;padding:6px 0 0;margin:0;display:flex;flex-direction:column;gap:4px}.legend-cluster-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#ffffffb3}.legend-dot{display:inline-flex;justify-content:center;align-items:center;background:#4ecdc4e6;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.legend-dot--sm{width:10px;height:10px}.legend-dot--md{width:14px;height:14px}.legend-dot--lg{width:20px;height:20px}.legend-dot--xl{width:26px;height:26px}.legend-note{margin:10px 0 0;font-size:11px;line-height:1.6;color:#fff9}.year-filter{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.year-filter label{font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.04em}.year-filter__select{background:#161618d9;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;color:#ffffffdb;font-size:13px;appearance:none;outline:none;transition:border .2s ease,box-shadow .2s ease}.year-filter__select:focus-visible{border-color:#4f9cffcc;box-shadow:0 0 0 2px #4f9cff40}.year-filter__select:disabled{opacity:.6;cursor:not-allowed}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.toggle-group{display:inline-flex;border-radius:999px;background:#161618cc;border:1px solid rgba(255,255,255,.12);padding:4px;gap:4px}.toggle-group button{border:none;background:transparent;color:#ffffffc7;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.toggle-group button.active{background:#4f9cff2e;color:#fff;transform:translateY(-1px)}.toggle-group button:hover:not(.active){background:#ffffff14}.ward-mode-toggle{justify-content:space-between}.ward-mode-toggle .ward-dataset-group{background:#161618b3}.attribution{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#ffffff80;line-height:1.4;display:flex;flex-direction:column;gap:6px}.legend-mobile-hint{font-size:10px;color:#ffffff8c;display:none}.info-popup{position:fixed;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:20px;box-shadow:0 8px 32px #0003;z-index:10000;width:min(360px,calc(100vw - 80px));min-width:280px;max-width:360px;max-height:calc(100vh - 160px);overflow-y:auto;touch-action:pan-y;border:1px solid rgba(0,0,0,.08);animation:popupFadeIn .2s ease-out}.info-popup.street-popup{max-width:420px;width:min(420px,calc(100vw - 80px))}.info-popup.popup-variant-floating{pointer-events:auto;transform:translate(-50%,-50%)}.info-popup.popup-variant-side{right:24px;left:auto;top:96px;transform:none!important;width:min(420px,calc(100vw - 96px));max-width:420px;max-height:calc(100vh - 140px);padding-bottom:28px}@media (max-width: 1024px){.info-popup.popup-variant-side{right:20px;top:88px;width:min(420px,calc(100vw - 56px))}}.info-popup.popup-variant-sheet{left:50%!important;right:auto;bottom:0;top:auto;transform:translate(-50%)!important;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(82vh,calc(100vh - 48px));border-radius:24px 24px 12px 12px;padding:24px 22px calc(28px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #0000004d;animation:popupSheetSlide .24s ease-out}.info-popup.popup-variant-sheet .close-btn{top:18px;right:18px}.info-popup.popup-variant-sheet .popup-traffic-lights{display:none}.popup-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.popup-sheet-handle{flex:1;height:5px;border-radius:999px;background:#0000001f}.popup-sheet-close{flex:0 0 auto;border:none;background:#1c1c1e1f;color:#1d1d1f;font-weight:600;padding:10px 16px;border-radius:999px;cursor:pointer}.info-popup.popup-variant-sheet h3{margin-top:0}@keyframes popupSheetSlide{0%{opacity:0;transform:translate(-50%,12%)}to{opacity:1;transform:translate(-50%)}}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.info-popup h3{margin:12px 0 16px;font-size:16px;font-weight:700;color:#1d1d1f;padding-right:24px;line-height:1.3}.popup-traffic-lights{position:absolute;top:14px;left:16px;display:flex;gap:8px;z-index:1}.popup-light{width:14px;height:14px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .15s ease,background .2s ease}.popup-light--red{background:#ff5f57}.popup-light--red:hover{background:#ff3b30;transform:scale(1.08)}.popup-light--red:active{transform:scale(.92)}.popup-light--red:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.popup-light--yellow{background:#ffbd2e;cursor:not-allowed;opacity:.65}.popup-light--green{background:#28ca42;cursor:not-allowed;opacity:.65}.popup-stats{display:flex;flex-direction:column;gap:12px}.popup-stat{padding:8px 12px;background:#00000008;border-radius:8px;font-size:13px;color:#515154;display:flex;justify-content:space-between;align-items:center}.popup-stat strong{color:#1d1d1f;font-weight:600;margin-right:12px}.popup-section{margin-top:18px}.popup-section h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#1d1d1f}.popup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.popup-list-item{background:#00000009;padding:10px 12px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.popup-list-label{font-weight:600;font-size:13px;color:#1d1d1f}.popup-list-metrics{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#515154}@media (max-width: 768px){.legend{width:100%}.legend.collapsed{align-self:flex-end}.legend.expanded{min-width:unset}.legend-cluster-item,.legend-note{font-size:12px}.legend-mobile-hint{display:block}}.how-it-works-button{width:100%;padding:12px 16px;background:#ffffff0d;color:#fffc;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:16px}.how-it-works-button:hover{background:#ffffff14}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-content h2{margin:0 0 20px;font-size:24px;font-weight:700;color:#1d1d1f}.modal-body{color:#1d1d1f;line-height:1.6}.modal-body p{margin:0 0 16px;font-size:14px}.modal-body a{color:#0a84ff;text-decoration:none}.modal-body a:hover{text-decoration:underline}.modal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.modal-tab{border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;background:#1d1d1f14;color:#1d1d1f;cursor:pointer;transition:background .2s ease,color .2s ease}.modal-tab:hover{background:#1d1d1f1f}.modal-tab--active{background:#1d1d1f;color:#fff}.modal-section h3{margin:0 0 16px;font-size:18px;font-weight:700}.modal-section ol{margin:0 0 16px;padding-left:20px}.modal-section li{margin-bottom:8px;font-size:14px;line-height:1.6}.modal-kofi{margin-top:20px}.modal-kofi-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background-color:#72a4f2;color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 10px 22px #72a4f240;transition:transform .18s ease,box-shadow .18s ease}.modal-kofi-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #72a4f252}.modal-kofi-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.modal-traffic-lights{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:1}.modal-light{width:18px;height:18px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;transition:transform .15s ease,background .2s ease}.modal-light--red{background:#ff5f57}.modal-light--red:hover{background:#ff3b30;transform:scale(1.08)}.modal-light--red:active{transform:scale(.92)}.modal-light--red:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.modal-light--yellow{background:#ffbd2e;cursor:not-allowed;opacity:.65}.modal-light--green{background:#28ca42;cursor:not-allowed;opacity:.65}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.viewport-insights{margin-top:1rem}.viewport-insights--compact{margin-top:0}.viewport-insights h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#ffffffd9}.viewport-insights--compact h3{font-size:.95rem}.viewport-insights .hint{font-size:.85rem;color:#ffffffa6;margin:0 0 .5rem}.viewport-insights--compact .hint{font-size:.75rem}.viewport-insights .street-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.viewport-insights--compact .street-list{gap:.5rem}.viewport-insights li{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.viewport-insights--compact li{padding-bottom:.35rem}.viewport-insights .primary-row{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#ffffffe6}.viewport-insights--compact .primary-row{font-size:.95rem}.viewport-insights .rank{font-variant-numeric:tabular-nums;color:#fff9}.viewport-insights--compact .rank{font-size:.85rem}.viewport-insights .secondary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffffa6}.viewport-insights--compact .secondary-row{font-size:.75rem}.dataset-toggle{display:flex;gap:8px;padding:8px 12px;background:#ffffffeb;border-radius:999px;box-shadow:0 8px 20px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content}.dataset-toggle__button{border:none;background:transparent;color:#2d3748;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px;transition:background .2s ease,color .2s ease,transform .2s ease}.dataset-toggle__button:hover,.dataset-toggle__button:focus{background:#63b3ed29;outline:none}.dataset-toggle__button--active{background:#4299e1;color:#fff;transform:translateY(-1px)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--map-header-offset: 0px}.maplibregl-ctrl-attrib,.mapboxgl-ctrl-attrib,.maplibregl-ctrl-bottom-right,.maplibregl-compact{display:none!important}.App{width:100vw;height:100vh;position:relative;overflow:hidden;background:#f5f5f7;display:flex}.left-sidebar{width:320px;height:100vh;position:fixed;left:0;top:0;z-index:1000;background:#2c2c2e;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.tab-switcher{display:flex;gap:0;padding:0;background:#1c1c1e}.tab-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#ffffff80;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#fffc;background:#ffffff0d}.tab-btn.active{color:#fff;background:#2c2c2e;border-bottom-color:#0a84ff}.sidebar-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.panel-section{display:flex;flex-direction:column;gap:12px}.street-search{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.street-search__label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#ffffffb3}.street-search__caption{text-transform:uppercase;letter-spacing:.08em}.street-search__input{width:100%;appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;font-size:14px;background:#2c2c2ee6;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .2s ease,background .2s ease}.street-search__input:focus{outline:none;border-color:#0a84ffb3;background:#3a3a3cf2}.street-search__input:disabled{opacity:.6;cursor:not-allowed}.street-search__status{font-size:11px;color:#ffffff73}.street-search__results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#1c1c1ef5;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 22px 48px #0006;max-height:320px;overflow-y:auto;z-index:1200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.street-search__option{margin:0;padding:0}.street-search__option+.street-search__option{margin-top:4px}.street-search__option-button{width:100%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:10px;border-radius:10px;cursor:pointer;transition:background .15s ease}.street-search__option-button:hover,.street-search__option-button:focus-visible,.street-search__option--active .street-search__option-button{background:#ffffff1f;outline:none}.street-search__option-label{font-weight:500;color:#fff}.street-search__option-meta{font-size:12px;color:#fff9}.street-search--mobile{width:100%}.street-search--mobile .street-search__results{max-height:240px}.street-search--mobile .street-search__label{color:#1d1d1fb3}.street-search--mobile .street-search__caption{color:#1d1d1f99}.street-search--mobile .street-search__input{background:#fffffff2;border:1px solid rgba(0,0,0,.08);color:#1d1d1f}.street-search--mobile .street-search__input:focus{background:#fff;border-color:#0a84ff80}.street-search--mobile .street-search__status{color:#00000073}.street-search--mobile .street-search__results{background:#fffffffa;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 34px #0000001f}.street-search--mobile .street-search__option-button{color:#1d1d1f}.street-search--mobile .street-search__option-button:hover,.street-search--mobile .street-search__option-button:focus-visible,.street-search--mobile .street-search__option--active .street-search__option-button{background:#0a84ff1f}.street-search--mobile .street-search__option-label{color:#1d1d1f}.street-search--mobile .street-search__option-meta{color:#1d1d1f99}.insights-overlay{position:fixed;top:20px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:10px;max-width:320px;pointer-events:none}.overlay-header{display:flex;justify-content:flex-end;pointer-events:auto;align-self:flex-end}.overlay-toggle{padding:8px 14px;background:#1c1c1ebf;color:#ffffffd9;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:all .2s ease}.overlay-toggle:hover{background:#ffffff14;color:#fff}.overlay-stack{display:flex;flex-direction:column;gap:12px;pointer-events:auto}.overlay-panel{background:#1c1c1ef2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #00000059;pointer-events:auto;width:100%}.overlay-panel.summary-panel,.overlay-panel.insights-panel{padding:16px 18px}.insights-overlay--collapsed .overlay-toggle{background:#1c1c1e99;color:#ffffffb3}.legend-floating{position:fixed;right:24px;bottom:24px;z-index:1050;pointer-events:none}.legend-floating .legend{pointer-events:auto}.legend-floating .legend.expanded{min-width:280px}.dataset-toggle-floating{position:fixed;top:20px;left:340px;z-index:1200;pointer-events:none}.dataset-toggle-floating .dataset-toggle{pointer-events:auto}.dataset-toggle-floating__secondary{pointer-events:auto;display:flex;justify-content:center;margin-top:8px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.22))}.dataset-toggle-floating__secondary .ward-mode-toggle{margin:0;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:none;align-items:center;gap:10px}.dataset-toggle-floating__secondary .ward-mode-toggle .toggle-group{background:transparent;border:none;gap:4px}.dataset-toggle-floating__secondary .ward-mode-toggle .toggle-group button{background:transparent;color:#1c1c1e;padding:6px 14px;transition:background .2s ease,color .2s ease,transform .2s ease}.dataset-toggle-floating__secondary .ward-mode-toggle .toggle-group button.active{background:#0a84ff1f;color:#0a84ff;transform:translateY(-1px)}.dataset-toggle-floating__secondary .ward-mode-toggle .toggle-group button:hover:not(.active){background:#1c1c1e14}.dataset-toggle-floating__secondary .ward-mode-toggle .ward-dataset-group{background:#f9fafbeb;border:1px solid rgba(0,0,0,.06)}@media (max-width: 1024px){.insights-overlay{max-width:280px}}@media (max-width: 768px){.insights-overlay{inset:auto 16px 120px;max-width:none}.overlay-panel{border-radius:14px}.overlay-panel.summary-panel,.overlay-panel.insights-panel{padding:14px 16px}.legend-floating{right:16px;bottom:16px}.dataset-toggle-floating{left:50%;transform:translate(-50%);top:16px}}.map-container{margin-left:320px;width:calc(100vw - 320px);height:calc(100vh - var(--map-header-offset, 0px));min-height:520px;position:relative;display:block}.map-loading-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,#e0e7f1e6,#e9eef6d1);overflow:hidden;transition:opacity .18s ease,visibility .18s ease}.map-loading-overlay__gradient{width:140%;height:140%;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);animation:mapLoadingShimmer 2.4s ease-in-out infinite;transform:translate(-30%)}@keyframes mapLoadingShimmer{0%{transform:translate(-30%)}50%{transform:translate(30%)}to{transform:translate(-30%)}}.map-loading-overlay--hidden{opacity:0;visibility:hidden}.map-dataset-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#111827d1;color:#f8fafc;font-size:.85rem;letter-spacing:.01em;box-shadow:0 12px 24px #0f172a38;pointer-events:none;z-index:6;transition:opacity .18s ease,visibility .18s ease}.map-dataset-hint--hidden{opacity:0;visibility:hidden}.glass-panel{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001a}.glass-input{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 4px #0000000f}.glass-btn{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #00000014}*{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000008;border-radius:10px}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000059}.sidebar-content::-webkit-scrollbar-thumb{background:#00000026}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.App--mobile{display:flex;flex-direction:column;height:100svh;background:#f5f5f7}.App--mobile .map-container{margin:0;width:100%;height:100svh}.mobile-shell{position:fixed;top:12px;left:12px;right:12px;z-index:1400;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.mobile-shell>*{pointer-events:auto}.mobile-shell__insights{display:flex}.mobile-shell__controls{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.mobile-shell__dataset{flex:1 1 160px;min-width:0}.mobile-shell__dataset .dataset-toggle{width:100%;padding:8px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f5f7eb;border-radius:16px;box-shadow:0 12px 30px #00000014}.mobile-shell__dataset .dataset-toggle__button{min-height:40px;font-size:14px}.mobile-shell__secondary{flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-width:120px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f5f7eb;border-radius:16px;padding:6px 10px;box-shadow:0 12px 30px #00000014;width:100%}.mobile-shell__secondary>*{width:100%}.mobile-shell__search{width:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:16px;padding:8px 10px 6px;box-shadow:0 14px 36px #0000001f}.mini-insights{width:100%;border:none;border-radius:18px;padding:12px 16px;background:#111827c7;color:#f5f7ff;text-align:left;display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 32px #0f172a47;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);cursor:pointer}.mini-insights__header{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600}.mini-insights__label{color:#f5f7ffe0}.mini-insights__pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:#60a5fa38;border:1px solid rgba(96,165,250,.4);color:#dbeafefa}.mini-insights__metrics{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.85rem;color:#ecf1ffc7}.mini-insights__metric strong{font-size:.95rem;font-weight:700;color:#fff;margin-right:4px}.mini-insights__cta{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ecf1ffad}.mini-insights__separator{color:#ecf1ff73}.mini-insights__meta{font-size:.78rem;color:#e2e8ffb3}.mobile-legend{position:fixed;bottom:16px;left:16px;z-index:1350;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mobile-legend__button{width:44px;height:44px;border-radius:12px;border:none;background:#111827e0;color:#f8fbff;font-size:1rem;font-weight:700;box-shadow:0 18px 34px #0f172a47;cursor:pointer}.mobile-legend__panel{max-width:260px;padding:12px 14px;border-radius:14px;background:#0f172aeb;color:#f1f5ffe6;box-shadow:0 20px 36px #0f172a57;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-legend__panel h3{margin:0 0 8px;font-size:.95rem;font-weight:600}.mobile-legend__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mobile-legend__item{display:flex;align-items:center;gap:10px;font-size:.85rem}.mobile-legend__swatch{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.mobile-legend__note{margin:10px 0 0;font-size:.75rem;color:#e2e8ffbf}.App--mobile .sidebar-content{background:transparent;padding:0}.App--mobile .panel-section{background:#ffffff14;border-radius:18px;padding:16px;color:#ffffffeb}.mobile-accordion{border-radius:18px;background:#ffffff14;color:#ffffffeb;overflow:hidden}.mobile-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.mobile-accordion[open]>summary{background:#0a84ff1f}.mobile-accordion__body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.mobile-accordion__accessory{font-size:13px;font-weight:500;color:#ffffffb3}.mobile-accordion__content{background:#ffffff14;border-radius:18px;padding:16px}.App--mobile .legend-floating,.App--mobile .dataset-toggle-floating,.App--mobile .insights-overlay{display:none}.mobile-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-end;background:#00000059;z-index:1500;pointer-events:none;opacity:0;transition:opacity .2s ease}.mobile-modal--open{pointer-events:auto;opacity:1}.mobile-modal__sheet{width:calc(100% - 24px);margin:0 auto 12px;border-radius:20px;background:#1c1c1ef5;padding:20px 18px 24px;max-height:70vh;overflow-y:auto;box-shadow:0 -20px 40px #0000004d}.mobile-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-modal__header h2{font-size:18px;margin:0;color:#fff}.mobile-modal__close{border:none;background:#ffffff1a;color:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.App--mobile .map-container__placeholder{display:flex;align-items:center;justify-content:center;color:#1d1d1f;background:#dfe6ef;font-weight:600}.panel-placeholder{padding:12px;color:#ffffffb3;font-size:14px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}