.app-mode>header>#traffic-toggle{display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:10px;min-height:33px;padding:7px 10px;border:1px solid #eadfc9;border-radius:13px;background:#fff4df;color:#72511e;box-shadow:none;font-size:12px;white-space:nowrap}.app-mode>header>#traffic-toggle.traffic-off{background:#f1eef4;color:#79717f;border-color:#e4dce9}.traffic-hazard-pin{background:none}.traffic-hazard-pin>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;border:2px solid white;background:#fff4da;color:#9c5600;font:700 23px/1 system-ui;box-shadow:0 2px 8px #30203b33}.traffic-cluster>span{display:block;padding:7px;border:2px solid white;border-radius:16px;background:#ffe1a0;color:#6e4605;font:700 12px system-ui;box-shadow:0 2px 7px #30203b26}.traffic-popup{font-family:system-ui,sans-serif;color:#332b3d}.traffic-popup h3{font-size:16px;line-height:1.3;margin:9px 0}.traffic-popup h4{font-size:12px;margin:12px 0 4px}.traffic-popup p{font-size:12px;line-height:1.5;white-space:pre-line;color:#574b61;margin:7px 0}.traffic-popup small{font-size:10px;line-height:1.5;color:#796a83}.traffic-popup a{color:#713b91;font-size:11px}.app-mode .traffic-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.app-mode .traffic-controls label{display:flex;align-items:center;gap:8px;font-size:13px}.app-mode .traffic-controls input{width:18px;height:18px;accent-color:#713b91}.app-mode .traffic-controls button{padding:9px 12px;font-size:12px;min-height:35px}.app-mode .traffic-controls button:disabled{opacity:.5}.app-mode #traffic-status{font-size:11px;line-height:1.7;white-space:pre-line;color:#6d6076;background:#f7f3fa;padding:12px;border-radius:12px;margin-bottom:10px}.app-mode .traffic-card{padding:17px 0;border-bottom:1px solid #eee8f1}.app-mode .traffic-card button{padding:10px 14px;font-size:12px;margin-top:7px}.app-mode .traffic-about{font-size:11px;line-height:1.6;margin-top:18px;color:#796d83}.app-mode .traffic-about a{font-size:11px}.app-mode .traffic-dialog .traffic-popup small{display:block}.app-mode .leaflet-popup-content-wrapper{border-radius:18px;box-shadow:0 4px 24px #30203b26}.app-mode .leaflet-popup-content{max-width:270px}
@media(max-width:360px){.app-mode>header .logo{font-size:17px}.app-mode>header>#traffic-toggle{font-size:11px;right:10px;padding:6px 8px}}
.app-mode.traffic-popup-open .app-sheet{visibility:hidden}