*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#050b16;overflow:hidden;color:white}#mapWrap{position:absolute;inset:0;background:#050b16;overflow:hidden;perspective:1200px}#map{width:100%;height:100vh;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}.map-vignette{pointer-events:none;position:absolute;inset:0;z-index:500;background:radial-gradient(circle at 50% 42%,transparent 38%,rgba(3,8,18,.18) 72%,rgba(3,8,18,.52) 100%)}.nav-3d #map{transform:scale(1.2) rotateX(0deg);transform-origin:50% 74%;filter:saturate(1.18) contrast(1.08)}.satellite #map{filter:saturate(1.18) contrast(1.05)}.night .leaflet-tile{filter:brightness(.58) contrast(1.25) saturate(.82) hue-rotate(175deg)}.satellite.night .leaflet-tile{filter:brightness(.52) contrast(1.28) saturate(.75)}.leaflet-control-attribution{font-size:9px}.top-tools{position:fixed;top:12px;left:12px;right:12px;z-index:1300;display:flex;gap:8px;justify-content:space-between;pointer-events:none}.chip{pointer-events:auto;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(23,32,47,.94),rgba(7,12,22,.96));color:#fff;border-radius:999px;font-weight:900;padding:11px 14px;box-shadow:0 14px 35px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.chip.active,#loginBtn.logged{background:linear-gradient(180deg,#1387ff,#0052d9)}.chip.follow.active{box-shadow:0 0 0 4px rgba(19,135,255,.16),0 14px 35px rgba(0,0,0,.38)}.where-card{position:fixed;left:12px;right:12px;bottom:116px;z-index:1400;display:grid;grid-template-columns:1fr 58px;gap:9px;align-items:center}.search-box{display:grid;grid-template-columns:34px 1fr 38px;align-items:center;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(6,11,21,.96));border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:5px 8px 5px 12px;box-shadow:0 20px 55px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.search-icon{font-size:31px;color:#9fb1ca}.search-box input{border:none;background:transparent;color:#fff;font-size:16px;padding:12px 4px;outline:none;font-weight:650}.search-box input::placeholder{color:#9fb1ca}.search-box button{border:none;background:transparent;color:#fff;font-size:22px}.go-btn{height:56px;border:none;border-radius:20px;background:linear-gradient(145deg,#1392ff,#0048d6);color:white;font-size:16px;font-weight:950;box-shadow:0 18px 45px rgba(19,146,255,.35)}.suggestions{position:fixed;left:16px;right:16px;bottom:181px;z-index:1600;background:rgba(6,11,21,.97);border:1px solid rgba(255,255,255,.13);border-radius:24px;display:none;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.55);backdrop-filter:blur(22px);max-height:46vh;overflow-y:auto}.suggestions.open{display:block}.suggestion-item{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item b{display:block;font-size:15px}.suggestion-item small{display:block;color:#a7b3c7;margin-top:3px;line-height:1.25}.premium-nav{position:fixed;top:58px;left:12px;right:12px;z-index:1200;display:none;grid-template-columns:86px 1fr 38px;gap:13px;align-items:center;background:linear-gradient(180deg,rgba(4,10,21,.97),rgba(18,26,40,.96));border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:14px;box-shadow:0 26px 70px rgba(0,0,0,.55);backdrop-filter:blur(24px)}.premium-nav.active{display:grid}.turn-symbol{width:86px;height:86px;border-radius:28px;background:radial-gradient(circle at 34% 20%,#83d4ff 0%,#168dff 32%,#0051df 74%,#002f8b 100%);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:950;text-shadow:0 5px 12px rgba(0,0,0,.42);box-shadow:inset 0 2px 0 rgba(255,255,255,.38),inset 0 -10px 20px rgba(0,0,0,.24),0 0 35px rgba(37,99,235,.65),0 18px 40px rgba(0,0,0,.42)}.nav-distance{font-size:37px;font-weight:1000;letter-spacing:-1px;line-height:.95}.nav-main{font-size:18px;font-weight:900;margin-top:3px}.nav-road{font-size:15px;color:#4db3ff;font-weight:850;margin-top:2px}.lane-guide{display:none;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.13);align-items:center}.lane-guide.active{display:flex}.lane-guide span{min-width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#8f9bad;font-size:22px;font-weight:950}.lane-guide span.good{background:linear-gradient(180deg,#168dff,#0051df);color:white;box-shadow:0 0 18px rgba(22,141,255,.48)}.nav-close{border:none;background:rgba(239,68,68,.95);color:white;border-radius:15px;width:38px;height:38px;font-size:24px;font-weight:950}.right-stack{position:fixed;right:16px;top:122px;z-index:1100;display:grid;gap:12px}.round-btn{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(24,34,50,.95),rgba(6,11,21,.97));color:#fff;font-size:22px;font-weight:950;box-shadow:0 16px 42px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.compass{font-size:19px}.speed-card{position:fixed;left:16px;bottom:122px;z-index:1100;width:90px;height:90px;background:radial-gradient(circle at 35% 20%,#313d50,#090f1a);border:6px solid #ef4444;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 42px rgba(0,0,0,.48),inset 0 2px 4px rgba(255,255,255,.15)}.speed-card span{font-size:34px;font-weight:1000;line-height:.9}.speed-card small{font-size:13px;color:#e5e7eb}.trip-card{position:fixed;left:0;right:0;bottom:0;z-index:900;background:linear-gradient(180deg,rgba(18,26,40,.98),rgba(5,10,18,.99));border-top:1px solid rgba(255,255,255,.12);border-radius:30px 30px 0 0;min-height:105px;padding:14px 120px 18px 120px;display:none;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;box-shadow:0 -18px 55px rgba(0,0,0,.52);backdrop-filter:blur(22px)}.trip-card.active{display:grid}.trip-card b{display:block;font-size:24px}.trip-card small{display:block;color:#c6cedd;margin-top:2px}.report-main{position:fixed;right:18px;bottom:28px;z-index:1500;width:76px;height:76px;border:none;border-radius:50%;background:linear-gradient(145deg,#ffd84d,#f59e0b);color:#111827;font-size:0;font-weight:400;box-shadow:0 18px 45px rgba(245,158,11,.45),inset 0 2px 0 rgba(255,255,255,.45)}.report-main:before{content:"";position:absolute;inset:9px;border:3px solid #111827;border-radius:18px;transform:rotate(45deg);opacity:.9}.report-main:after{content:"+";font-size:42px;position:relative;z-index:2}.report-menu{position:fixed;right:16px;bottom:112px;z-index:1500;display:none;grid-template-columns:1fr;gap:8px;width:190px}.report-menu.open{display:grid}.report-menu button{border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(6,11,21,.97);color:white;padding:14px 12px;font-weight:850;font-size:14px;text-align:left;box-shadow:0 8px 25px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.user-arrow-wrap{width:128px;height:128px;position:relative;filter:drop-shadow(0 20px 18px rgba(0,0,0,.48));transform-origin:50% 58%}.arrow-halo{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,rgba(0,132,255,.24),rgba(0,132,255,.08) 48%,transparent 70%);animation:pulse 1.8s infinite}.user-arrow-body{position:absolute;left:50%;top:13px;transform:translateX(-50%);width:54px;height:82px;background:linear-gradient(180deg,#9ee7ff 0%,#128cff 38%,#0049cf 100%);clip-path:polygon(50% 0,95% 78%,62% 68%,50% 100%,38% 68%,5% 78%);box-shadow:inset 0 6px 8px rgba(255,255,255,.38),inset 0 -10px 16px rgba(0,0,0,.24)}.user-arrow-body:after{content:"";position:absolute;left:18px;top:18px;width:18px;height:48px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.05));border-radius:50%;filter:blur(2px)}@keyframes pulse{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:.28}}.pulse-dot{width:23px;height:23px;background:#0a84ff;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 14px rgba(37,99,235,.18),0 8px 22px rgba(0,0,0,.35)}#toast{position:fixed;left:50%;bottom:230px;transform:translateX(-50%);z-index:3000;background:rgba(6,11,21,.97);color:#fff;padding:12px 18px;border-radius:999px;display:none;font-weight:850;box-shadow:0 8px 25px rgba(0,0,0,.35);text-align:center;max-width:90%}.modal{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:4000;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:100%;max-width:390px;background:#fff;color:#111827;border-radius:24px;padding:22px;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.35)}.modal-close{position:absolute;right:14px;top:10px;border:none;background:transparent;font-size:30px}.modal-card h2{margin:0 0 4px}.muted{margin:0 0 16px;color:#6b7280;font-size:14px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;padding:4px;border-radius:14px;margin-bottom:12px}.tabs button{border:none;padding:10px;border-radius:11px;font-weight:800;background:transparent}.tabs button.active{background:#111827;color:white}.modal-card input{width:100%;margin:7px 0;padding:13px;border:1px solid #d1d5db;border-radius:14px;font-size:16px}.primary,.secondary{width:100%;border:none;padding:13px;border-radius:14px;font-weight:900;margin-top:8px}.primary{background:#2563eb;color:white}.secondary{background:#f3f4f6;color:#111827}@media(max-width:560px){.premium-nav{top:58px;grid-template-columns:72px 1fr 34px;padding:12px}.turn-symbol{width:72px;height:72px;font-size:47px}.nav-distance{font-size:31px}.right-stack{top:132px}.trip-card{padding-left:110px;padding-right:105px}.where-card{bottom:112px}.suggestions{bottom:176px}.speed-card{width:82px;height:82px}.speed-card span{font-size:30px}.top-tools{gap:6px}.chip{padding:10px 11px;font-size:13px}}