@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f4f5f7;background:#0b0d10;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;background:radial-gradient(ellipse 75% 45% at 50% 46%,rgba(91,52,158,.13),transparent 80%),#0b0d10}main{display:flex;flex-direction:column;width:min(100%,620px);min-height:100vh;min-height:100dvh;margin:auto;padding:0 22px max(25px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:center;gap:11px;min-height:76px;color:#c6c2d0;font-size:.73rem;font-weight:700;letter-spacing:.16em}.signal-icon{display:flex;align-items:flex-end;gap:3px;height:18px}.signal-icon i{display:block;width:4px;border-radius:2px;background:linear-gradient(#b795ff,#7244da)}.signal-icon i:nth-child(1){height:6px}.signal-icon i:nth-child(2){height:12px}.signal-icon i:nth-child(3){height:18px}.meter-panel{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:30px 32px 40px;border:1px solid #22262e;border-radius:24px;background:linear-gradient(145deg,#15171d,#111318 65%,#12121a);box-shadow:0 28px 80px #0004,inset 0 1px #ffffff08}.mode-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width:min(100%,410px);margin-bottom:27px;padding:5px;border:1px solid #2c2934;border-radius:13px;background:#0e1014}.mode-button{min-height:52px;padding:7px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#777783;box-shadow:none;letter-spacing:0;flex-direction:column;gap:3px}.mode-button strong{font-size:.74rem}.mode-button span{font-size:.58rem;font-weight:500}.mode-button.active{border-color:#6946bd;background:#251943;color:#eee9fa}.mode-button.active span{color:#b6a5d3}.mode-button:disabled{opacity:.45}.status{display:flex;align-items:center;gap:10px;min-height:22px;margin:0 0 38px;color:#9596a4;font-size:.8rem;text-align:center}#liveDot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#626672;box-shadow:0 0 0 5px #62667220}#liveDot.active{background:#a78bfa;box-shadow:0 0 0 5px #a78bfa20;animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #a78bfa00}}.gauge{position:relative;width:min(100%,440px);aspect-ratio:2 / 1;overflow:hidden}.gauge-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#342544,#6545a4 45%,#8b5cf6 76%,#c4afff);box-shadow:inset 0 3px 12px #0005}.gauge-face:after{position:absolute;z-index:1;bottom:-1px;left:50%;width:calc(100% - 38px);height:calc(100% - 19px);transform:translate(-50%);border-radius:999px 999px 0 0;background:radial-gradient(circle at 50% 95%,#1d182a 0,#15171d 65%);content:""}.tick{position:absolute;z-index:2;color:#b2a5cb;font-size:.65rem;font-weight:700}.t0{left:2px;bottom:2px}.t1{left:8%;bottom:37%}.t2{left:26%;top:14%}.t3{left:49%;top:3%}.t4{right:22%;top:16%}.t5{right:0;bottom:2px}.needle{position:absolute;z-index:4;bottom:0;left:50%;width:4px;height:78%;transform:translate(-50%) rotate(-90deg);transform-origin:50% 100%;border-radius:99px;background:linear-gradient(to top,#e6d9ff,#a78bfa 75%,#fff);box-shadow:0 0 18px #a78bfa80;transition:transform .42s cubic-bezier(.22,.8,.3,1)}.needle-pin{position:absolute;z-index:5;bottom:0;left:50%;width:23px;height:23px;transform:translate(-50%,50%);border:5px solid #1b1924;border-radius:50%;background:#e8dcff;box-shadow:0 0 16px #8b5cf666}.reading-label{margin:32px 0 10px;color:#858b98;font-size:.64rem;font-weight:700;letter-spacing:.18em}.reading{display:flex;align-items:baseline;gap:9px}.reading strong{font-size:clamp(4.2rem,17vw,6.5rem);line-height:.88;font-weight:600;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.reading span{color:#a7a3b2;font-size:1rem;font-weight:600}.quality{min-height:21px;margin:15px 0 35px;color:#a78bfa;font-size:.84rem;font-weight:600}.actions{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;width:min(100%,400px)}button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:60px;border-radius:11px;font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.start{border:1px solid #a17af9;background:#7c4dea;color:#fff;box-shadow:0 8px 25px #6b3fca38}.start:hover:not(:disabled){background:#8b5cf6}.stop{border:1px solid #393340;background:#1d1c24;color:#d3c8e6}.stop:hover:not(:disabled){border-color:#7257a6;background:#282232}button:disabled{opacity:.34;cursor:default;box-shadow:none}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}footer{display:flex;justify-content:space-between;gap:12px;padding:19px 5px 0;color:#777b88;font-size:.67rem}footer b{color:#c5c3cc;font-variant-numeric:tabular-nums}.guide-toggle{min-height:0;padding:0;border:0;background:transparent;color:#a78bfa;font-size:inherit;letter-spacing:0;box-shadow:none}.guide-toggle[hidden]{display:none}.guide-toggle[aria-pressed=true]{color:#d5c1ff}.map-panel{margin-top:22px;padding:23px;border:1px solid #252832;border-radius:20px;background:#13151b}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-eyebrow{color:#a78bfa;font-size:.61rem;font-weight:700;letter-spacing:.15em}.map-heading h2{margin:5px 0 0;font-size:1.17rem;letter-spacing:-.02em}.map-live{color:#9895a5;font-size:.7rem;white-space:nowrap}.map-intro{margin:10px 0 17px;color:#838794;font-size:.76rem;line-height:1.45}.map-stage{position:relative;height:320px;overflow:hidden;border:1px solid #343044;border-radius:13px;background:radial-gradient(circle at 50% 50%,#211a31 0,#181722 55%,#151620)}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#a78bfa0d 1px,transparent 1px),linear-gradient(90deg,#a78bfa0d 1px,transparent 1px);background-size:40px 40px}.map-crosshair{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:1px solid #a78bfa88;border-radius:50%}.map-center-label{position:absolute;top:calc(50% + 12px);left:50%;transform:translate(-50%);color:#777083;font-size:.6rem;white-space:nowrap}.map-north{position:absolute;top:13px;right:13px;color:#aea3c1;font-size:.64rem;font-weight:700}.route-layer,.pin-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.route-layer line{stroke:#c4b5fd;stroke-width:2;stroke-dasharray:5 5;opacity:.9}.speed-pin{position:absolute;display:grid;place-items:center;min-width:52px;min-height:33px;padding:0 8px;transform:translate(-50%,-100%);border:1px solid #a98afa;border-radius:9px;background:#6e46c6;color:#fff;font-size:.69rem;font-weight:700;box-shadow:0 5px 15px #0007;cursor:pointer}.speed-pin:after{position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#6e46c6;content:""}.speed-pin.selected{outline:2px solid #e4d8ff;outline-offset:2px}.you-pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%);color:#e9e2ff;font-size:.59rem;font-weight:700;text-shadow:0 1px 4px #000;pointer-events:none}.you-pin[hidden],.selected-pin[hidden]{display:none}.you-pin span{width:17px;height:17px;border:4px solid #e8ddff;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 6px #8b5cf633,0 2px 8px #0008}.map-controls{display:flex;gap:9px;margin-top:13px}.map-button{min-height:42px;padding:0 13px;border:1px solid #6946bd;border-radius:9px;background:#251943;color:#e9e2ff;font-size:.68rem;letter-spacing:0}.map-button:hover:not(:disabled){background:#34235c}.map-button.secondary{border-color:#35323e;background:#1c1c25;color:#b7b2c0}.share-choice{display:flex;align-items:flex-start;gap:10px;margin-top:19px;color:#dbd5e6;font-size:.75rem;cursor:pointer}.share-choice input{width:17px;height:17px;margin:0;accent-color:#8b5cf6}.share-choice small{display:block;margin-top:4px;color:#85818e;font-size:.65rem;line-height:1.35}.map-message{margin:13px 0 0;color:#858b98;font-size:.68rem;line-height:1.4}.selected-pin{margin-top:15px;padding:12px;border:1px solid #423558;border-radius:9px;background:#211a2d;color:#e7def5;font-size:.72rem;line-height:1.5}@media (max-width: 430px){main{padding-right:13px;padding-left:13px}header{min-height:64px}.meter-panel{padding:24px 18px 32px;border-radius:19px}.status{margin-bottom:29px}.reading-label{margin-top:27px}.quality{margin-bottom:30px}.t2{top:12%}.t3{top:1%}.t4{top:13%}footer{font-size:.61rem}.map-panel{padding:17px}.map-stage{height:290px}}@media (max-height: 650px){.meter-panel{justify-content:flex-start}.mode-picker{margin-bottom:16px}.status,.quality{margin-bottom:20px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{width:100%;max-width:none;padding:0}.view{display:none}.view.active{display:flex}.meter-view{flex-direction:column;width:min(100%,620px);min-height:calc(100dvh - 76px);margin:0 auto;padding:0 22px 25px}.brand{flex:0 0 76px}.meter-view footer{margin-bottom:0}.bottom-nav{position:fixed;z-index:1100;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:7px max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-left));border-top:1px solid #282b33;background:#0e1014f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button{min-height:55px;border:0;border-radius:10px;background:transparent;color:#777c88;box-shadow:none;font-size:.65rem;letter-spacing:0;flex-direction:column;gap:2px}.nav-button svg{width:23px;height:23px}.nav-button.active{color:#b99cff;background:#241b37}.meter-view{padding-bottom:94px}.map-view{position:fixed;z-index:100;inset:0 0 calc(70px + env(safe-area-inset-bottom));overflow:hidden;background:#e6e3ea}#map{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9e7eb}.leaflet-container{font-family:DM Sans,system-ui,sans-serif}.leaflet-control-attribution{font-size:8px}.leaflet-control-zoom{margin-left:15px!important;margin-bottom:15px!important;border:0!important;box-shadow:0 5px 18px #15111f30!important}.leaflet-control-zoom a{color:#35294a!important}.map-header{position:absolute;z-index:500;top:max(14px,env(safe-area-inset-top));right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:13px 16px;border:1px solid #ffffffc7;border-radius:16px;background:#ffffffed;color:#17131e;box-shadow:0 8px 28px #221a3030;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-header h1{margin:3px 0 0;font-size:1.18rem;letter-spacing:-.03em}.map-header .map-live{color:#6e6679}.leaders-card{position:absolute;z-index:500;top:calc(max(14px,env(safe-area-inset-top)) + 80px);right:14px;left:14px;padding:11px 12px 12px;border:1px solid #ffffffba;border-radius:14px;background:#ffffffed;color:#24202b;box-shadow:0 7px 24px #221a3024;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leaders-title{display:flex;justify-content:space-between;margin-bottom:8px;color:#655b71;font-size:.58rem;font-weight:700;letter-spacing:.12em}.leaders-title small{color:#928b99;font-size:.58rem;font-weight:500;letter-spacing:0}.leader-list{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 3px;scrollbar-width:none}.leader-list::-webkit-scrollbar{display:none}.leader-chip{flex:0 0 auto;min-height:39px;padding:0 10px;border:1px solid #ded7e9;border-radius:9px;background:#f7f4fc;color:#36294a;letter-spacing:0;gap:4px}.leader-chip i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#7c4dea;color:#fff;font-size:.57rem;font-style:normal}.leader-chip strong{font-size:.75rem}.leader-chip span{color:#776d82;font-size:.56rem}.empty-leaders{padding:7px 2px;color:#8e8795;font-size:.68rem}.locate-fab,.camp-fab{position:absolute;z-index:500;right:15px;width:48px;min-height:48px;border:1px solid #fff;border-radius:13px;background:#fff;color:#63409e;box-shadow:0 5px 18px #17111e35;letter-spacing:0}.locate-fab{bottom:71px}.locate-fab svg{width:23px}.locate-fab.following{border-color:#8b5cf6;background:#7c4dea;color:#fff}.camp-fab{bottom:15px;font-size:.58rem}.map-toast{position:absolute;z-index:500;right:78px;bottom:15px;left:78px;width:fit-content;max-width:calc(100% - 156px);margin:0 auto;padding:9px 12px;border-radius:9px;background:#1b1623e0;color:#eee9f5;font-size:.66rem;line-height:1.4;text-align:center;box-shadow:0 5px 18px #0003}.route-card{position:absolute;z-index:600;right:14px;bottom:132px;left:14px;max-width:380px;padding:14px 42px 13px 15px;border:1px solid #b29bdd;border-radius:13px;background:#20182df2;color:#fff;box-shadow:0 8px 26px #1c142c55}.route-card[hidden]{display:none}.route-card span,.route-card strong,.route-card small{display:block}.route-card span{color:#bfa5f7;font-size:.66rem;font-weight:700}.route-card strong{margin:4px 0;font-size:1.05rem}.route-card small{color:#aaa1b4;font-size:.61rem}.route-card button{position:absolute;top:5px;right:7px;width:34px;min-height:34px;border:0;background:none;color:#b8afc3;font-size:1.35rem}.leaf-speed-pin{min-width:54px;padding:7px 7px 6px;border:2px solid white;border-radius:10px 10px 10px 2px;background:#7447c8;color:#fff;text-align:center;box-shadow:0 4px 12px #261a3f55;transform:rotate(-4deg)}.leaf-speed-pin strong,.leaf-speed-pin span{display:block}.leaf-speed-pin strong{font-size:.72rem;line-height:1}.leaf-speed-pin span{margin-top:2px;font-size:.49rem;opacity:.82}.leaf-speed-pin.selected{background:#34204f;outline:3px solid #b996ff;outline-offset:2px}.user-location{position:relative;width:52px;height:52px;transform:rotate(var(--heading))}.user-location .direction-cone{display:none;position:absolute;top:-15px;left:14px;width:24px;height:35px;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:linear-gradient(#7c4dea99,#8b5cf611);transform-origin:50% calc(100% + 15px)}.user-location.has-heading .direction-cone{display:block}.user-location i{position:absolute;top:17px;left:17px;width:18px;height:18px;border:4px solid white;border-radius:50%;background:#7c4dea;box-shadow:0 2px 9px #24153666}dialog{width:min(calc(100% - 28px),420px);padding:28px;border:1px solid #3d334d;border-radius:20px;background:#17151d;color:#f4f1f8;box-shadow:0 30px 90px #000a}dialog::backdrop{background:#060509b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.consent-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#2a1d43;color:#ad8bf5}.consent-icon svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.8}dialog h2{margin:19px 0 9px;font-size:1.55rem;letter-spacing:-.04em}dialog>p{margin:0 0 17px;color:#a29ca9;font-size:.78rem;line-height:1.55}.privacy-note{margin-bottom:18px;padding:12px;border:1px solid #423658;border-radius:10px;background:#20192b}.privacy-note strong,.privacy-note span{display:block}.privacy-note strong{color:#c8b4f3;font-size:.72rem}.privacy-note span{margin-top:4px;color:#8f8799;font-size:.65rem;line-height:1.4}.consent-status{min-height:18px;margin:-5px 0 5px!important;color:#c5afe9!important;font-size:.68rem!important}dialog>button{width:100%;min-height:51px;margin-top:9px}.consent-share{border:1px solid #a17af9;background:#7c4dea;color:#fff}.consent-private{border:1px solid #3e3947;background:#24212a;color:#e3dee9}.consent-cancel{min-height:38px;border:0;background:transparent;color:#807986}@media (max-width: 430px){.meter-view{padding-right:13px;padding-bottom:88px;padding-left:13px}.map-header,.leaders-card{right:10px;left:10px}.map-header{top:max(9px,env(safe-area-inset-top))}.leaders-card{top:calc(max(9px,env(safe-area-inset-top)) + 79px)}}@media (max-width: 600px){body{overflow:hidden}.meter-view{height:calc(100dvh - 70px - env(safe-area-inset-bottom));min-height:0;padding:0 12px 8px;overflow:hidden}.brand{flex-basis:44px;min-height:44px;font-size:.62rem}.signal-icon{transform:scale(.8)}.meter-panel{flex:1 1 auto;min-height:0;justify-content:flex-start;padding:10px 14px 12px;border-radius:17px;overflow:hidden}.mode-picker{gap:4px;margin-bottom:9px;padding:3px}.mode-button{min-height:42px;padding:4px 7px}.mode-button strong{font-size:.69rem}.mode-button span{font-size:.52rem}.status{min-height:18px;margin:0 0 10px;font-size:.68rem;line-height:1.2}.reading-label{margin:12px 0 4px;font-size:.56rem}.reading strong{line-height:.82}.reading span{font-size:.83rem}.quality{min-height:17px;margin:6px 0 10px;font-size:.72rem}.actions{gap:7px}.actions button{min-height:46px;border-radius:9px;font-size:.68rem}.actions button svg{width:18px;height:18px}.meter-view footer{flex:0 0 27px;padding:8px 3px 0;font-size:.56rem}}@media (max-width: 600px) and (max-height: 620px){.brand{flex-basis:36px;min-height:36px}.meter-panel{padding:7px 12px 8px}.mode-picker{margin-bottom:5px}.mode-button{min-height:38px}.status{margin-bottom:5px}.reading-label{margin-top:5px}.quality{margin:3px 0 5px}.actions button{min-height:42px}.meter-view footer{flex-basis:21px;padding-top:5px}}