*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background:#f5f5f7;color:#1d1d1f;-webkit-font-smoothing:antialiased}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.map-fullscreen{position:absolute;inset:0}.map-fullscreen .leaflet-container{height:100%;width:100%}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.75rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:1000}.loading-inline{display:flex;align-items:center;justify-content:center;padding:1rem}.spinner{width:18px;height:18px;border:2px solid #e8e8ed;border-top-color:#0071e3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.benchmark-overlay{position:absolute;top:1rem;left:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:.75rem;box-shadow:0 2px 12px #00000014;z-index:1000}.benchmark-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#86868b;margin-bottom:.5rem}.benchmark-options{display:flex;flex-direction:column;gap:.25rem}.benchmark-option{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:6px;cursor:pointer;transition:background .15s}.benchmark-option:hover{background:#00000008}.benchmark-option.active{background:#0071e314}.benchmark-option input{display:none}.benchmark-option .benchmark-name{font-size:.75rem;font-weight:500;color:#1d1d1f}.benchmark-option .benchmark-speed{font-size:.6875rem;color:#86868b;margin-left:auto}.benchmark-option.active .benchmark-name{color:#0071e3}.time-overlay{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.pill-toggle{display:flex;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:980px;padding:3px;box-shadow:0 2px 12px #00000014}.pill-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:980px;font-size:.875rem;font-weight:500;color:#86868b;cursor:pointer;transition:all .2s}.pill-btn:hover{color:#1d1d1f}.pill-btn.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0000001a}.legend-overlay{position:absolute;bottom:6rem;left:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 1rem;border-radius:12px;box-shadow:0 2px 12px #00000014;z-index:1000}.legend-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#86868b;margin-bottom:.5rem}.legend-items{display:flex;flex-direction:column;gap:.375rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#1d1d1f}.legend-dot{width:10px;height:10px;border-radius:50%}.routes-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,#fffffffa,#fffffff2 80%,#fff0);z-index:1000}.routes-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.routes-scroll::-webkit-scrollbar{height:4px}.routes-scroll::-webkit-scrollbar-track{background:transparent}.routes-scroll::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:2px}.route-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem 1rem;background:#fff;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s;min-width:80px;box-shadow:0 1px 3px #00000014}.route-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.route-tile.selected{border-color:#0071e3;box-shadow:0 0 0 2px #0071e333}.route-number{font-size:1.25rem;font-weight:700;line-height:1;color:#1d1d1f}.route-comparison{font-size:.6875rem;font-weight:600;margin-top:.25rem;padding:.125rem .375rem;border-radius:4px}.route-comparison.excellent{color:#0071e3;background:#0071e31a}.route-comparison.good{color:#166534;background:#22c55e26}.route-comparison.caution{color:#7c6a00;background:#ffcc0040}.route-comparison.warning{color:#92400e;background:#ff950033}.route-comparison.danger{color:#991b1b;background:#ef444426}.route-name{font-size:.625rem;color:#86868b;margin-top:.25rem;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-data{display:flex;align-items:center;justify-content:center;padding:1rem;color:#86868b;font-size:.875rem}.leaflet-tooltip.segment-tooltip{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;padding:.5rem .75rem;box-shadow:0 4px 20px #00000026;font-size:.75rem;color:#1d1d1f}.segment-tooltip .tooltip-title{font-weight:600;margin-bottom:.25rem}.segment-tooltip .tooltip-speed{font-size:1rem;font-weight:700}.segment-tooltip .tooltip-comparison{font-size:.6875rem;margin-top:.125rem}@media(max-width:640px){.benchmark-overlay{top:.75rem;left:.75rem;padding:.5rem}.benchmark-option{padding:.25rem .375rem}.time-overlay{top:.75rem;right:.75rem;gap:.375rem}.pill-btn{padding:.375rem .75rem;font-size:.8125rem}.legend-overlay{bottom:5rem;left:.75rem;padding:.5rem .75rem}.routes-overlay{padding:.5rem .75rem}.route-tile{min-width:70px;padding:.5rem .75rem}.route-number{font-size:1rem}}