:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#09060f;color:#fff;font:15px/1.5 Arial,sans-serif}header{padding:24px 28px;border-bottom:1px solid #42204f;background:linear-gradient(120deg,#261032,#0b0712)}header p{font-size:11px;letter-spacing:2px;color:#d897ff;margin:0}h1{font-size:clamp(24px,4vw,38px);margin:6px 0}header>span{font-size:11px;color:#efc1ff;letter-spacing:1px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:24px;max-width:1700px;margin:auto}#map{height:72vh;min-height:450px;border:1px solid #9f4bd0;border-radius:10px;background:#e5e0d8;color:#222}.map-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}button,select{font:inherit;border:1px solid #8551a2;border-radius:6px;background:#20102e;color:white;padding:9px 12px;cursor:pointer}.map-toolbar label{font-size:12px}aside{padding:22px;background:#150c20;border:1px solid #422650;border-radius:10px}h2{margin:0;font-size:23px}h3{font-size:17px;margin:22px 0 8px}aside p,aside li{font-size:13px;color:#c9bdd6}aside li{margin-bottom:10px}aside ol{padding-left:20px}aside select{width:100%;margin-top:6px}#selected-point{padding:12px;background:#251332;border-radius:6px;overflow-wrap:anywhere}#street-list{display:grid;gap:7px}#street-list button{text-align:left;font-size:12px}a{color:#dfb2ff}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;padding:14px 0}.legend span{display:inline-block;width:23px;height:4px}.purple{background:#bd28ed}.orange{background:#e58a24}.map-note{font-size:12px;color:#c1b1ce;max-width:850px}.cross-icon{border:2px solid #fff;background:#422661;border-radius:50%;color:white;font:bold 13px/24px Arial;text-align:center;box-shadow:0 2px 8px #0007}.direction-arrow{color:#f1ccff;text-shadow:0 0 3px #4c0070;font-size:21px;font-weight:bold;line-height:20px;pointer-events:none}.leaflet-popup-content{font:13px/1.5 Arial}.leaflet-tooltip{font:12px Arial;color:#23162e}details{margin-top:20px;font-size:13px}summary{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:900px){main{grid-template-columns:1fr;padding:12px;gap:14px}#map{height:65vh;min-height:420px}header{padding:20px}aside{padding:20px}}
.route-pin{background:transparent;border:0}.route-pin span{display:block;width:34px;height:34px;border:2px solid white;border-radius:50%;color:white;text-align:center;font:bold 18px/30px Arial;box-shadow:0 2px 9px #0008}#route-points button{text-align:left;font-size:13px}#progress{height:30px}
.endpoint-label{background:#170d22;color:white;border:1px solid #ad6ec8;font:bold 11px Arial;padding:6px 8px;border-radius:5px}.endpoint-label:before{border-top-color:#ad6ec8!important}#animate-route{background:#7222a0;border-color:#d48bfa}#animation-status{font-size:13px;color:#e5b4ff;padding:12px;background:#251332;border-radius:6px}