.sidebar{position:absolute;top:20px;left:20px;width:320px;max-height:calc(100vh - 40px);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000004d;overflow-y:auto;z-index:1}.sidebar-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.sidebar-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.subtitle{font-size:14px;color:#666;font-weight:500}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;border-radius:8px;color:#fff}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.busiest-zones{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.busiest-zones h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.busiest-zone{padding:8px 0;font-size:14px;color:#333;line-height:1.6}.busiest-zone:not(:last-child){border-bottom:1px solid #e0e0e0}.zone-count{color:#667eea;font-weight:600;font-size:13px}.controls{margin-bottom:24px}.controls h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.select-control{width:100%;padding:12px;font-size:14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:16px;transition:border-color .2s}.select-control:hover{border-color:#667eea}.select-control:focus{outline:none;border-color:#667eea}.checkbox-control{margin-bottom:12px}.checkbox-control label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#333}.checkbox-control input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.checkbox-control span{-webkit-user-select:none;user-select:none}.slider-control{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px}.slider-control label{display:block;font-size:13px;color:#666;margin-bottom:8px}.slider-control input[type=range]{width:100%;margin-top:8px}.instructions{background:#f0f4ff;padding:16px;border-radius:8px;border-left:4px solid #667eea}.instructions h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{font-size:13px;color:#555;line-height:1.6;margin-bottom:8px;padding-left:0}.instructions li strong{color:#667eea;font-weight:600}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#999}.zone-info-panel{position:absolute;top:20px;right:20px;width:400px;max-height:calc(100vh - 40px);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:2;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.panel-header h2{font-size:20px;font-weight:700;margin:0 0 4px;line-height:1.3}.borough{font-size:14px;opacity:.9;margin:0}.close-btn{background:#fff3;border:none;color:#fff;font-size:32px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .2s;flex-shrink:0}.close-btn:hover{background:#ffffff4d}.panel-content{padding:24px;overflow-y:auto;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.info-stat{background:#f8f9fa;padding:16px;border-radius:8px;text-align:center}.info-stat-value{font-size:20px;font-weight:700;color:#667eea;margin-bottom:4px}.info-stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.chart-section{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.chart-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#1a1a1a}.list-section{margin-bottom:24px}.list-section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#1a1a1a}.top-list{background:#f8f9fa;border-radius:8px;overflow:hidden}.list-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0;gap:12px}.list-item:last-child{border-bottom:none}.list-rank{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.list-name{flex:1;font-size:14px;color:#333;font-weight:500}.list-count{font-size:14px;color:#667eea;font-weight:600;flex-shrink:0}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.zone-info-panel{width:calc(100vw - 40px);right:20px}.stats-grid{grid-template-columns:repeat(3,1fr)}}.legend{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:1;min-width:280px}.legend-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px;text-align:center}.legend-gradient{height:12px;border-radius:6px;margin-bottom:4px}.legend-labels{display:flex;justify-content:space-between;font-size:12px;color:#666}.legend-note{margin-top:8px;font-size:11px;color:#0096ff;text-align:center;font-style:italic}.app{position:relative;width:100vw;height:100vh}canvas{outline:none}