:root{color-scheme:dark;--scr-bg: #0e1018;--scr-elev: #1b1e2b;--txt: #eaecf5;--txt-muted: #9aa0bc;--txt-dim: #5a6078;--accent: #8b7bff;--teal: #35d0a6;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--scr-bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;touch-action:manipulation}.app{height:100%}.compass{height:100%;display:flex;flex-direction:column;padding:0 calc(16px + var(--safe-r)) calc(84px + var(--safe-b)) calc(16px + var(--safe-l))}.tbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 8px;font-size:15px}.tleft{font-weight:600}.tright{display:flex;gap:8px;align-items:center}.demo{font-size:10px;letter-spacing:1px;color:#0e1018;background:var(--accent);border-radius:6px;padding:2px 6px;font-weight:600}.cal{font-size:11px;color:var(--txt-dim)}.radar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;position:relative}.scope{position:relative;width:min(82vw,320px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(139,123,255,.1),rgba(139,123,255,.03) 45%,transparent 72%);box-shadow:0 0 44px #8b7bff14,inset 0 0 60px #8b7bff0d}.sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,rgba(139,123,255,.09) 348deg,rgba(139,123,255,.18) 360deg);animation:sweep 9s linear infinite;pointer-events:none}@keyframes sweep{to{transform:rotate(1turn)}}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.07);pointer-events:none}.ring-label{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.4px;color:var(--txt-dim);white-space:nowrap}.north{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;pointer-events:none}.north:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:2px;height:7px;border-radius:1px;background:var(--txt-muted)}.north span{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--txt)}.you{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#c9c0ff 0%,var(--accent) 65%);box-shadow:0 0 0 5px #8b7bff33,0 0 18px #8b7bff8c}.you:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid rgba(139,123,255,.55);animation:youpulse 2.8s ease-out infinite}@keyframes youpulse{0%{transform:scale(.6);opacity:.9}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}@media (prefers-reduced-motion: reduce){.sweep{animation:none;opacity:0}.you:after{animation:none;opacity:0}.sheet,.sheet-backdrop,.blip,.screen,.group{animation:none}}.cta,.action-btn,.back-fab,.chipbtn,.sheet-grid button{transition:transform .1s ease}.cta:active:not(:disabled),.action-btn:active,.chipbtn:active,.sheet-grid button:active{transform:scale(.96)}.blip{position:absolute;transform:translate(-50%,-27px);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:6px;cursor:pointer;animation:blip-in .35s cubic-bezier(.24,1.2,.4,1)}@keyframes blip-in{0%{opacity:0;transform:translate(-50%,-27px) scale(.4)}}.pin{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 1px 4px #00000059}@supports (color: color-mix(in srgb,red 50%,transparent)){.pin{box-shadow:0 1px 4px #00000059,0 0 16px color-mix(in srgb,var(--mcol, transparent) 45%,transparent)}.blip.offline .pin{box-shadow:0 1px 4px #00000059}}.pfar{position:absolute;left:50%;top:27px;line-height:0;transform-origin:0 0;color:var(--txt-muted);font-size:16px;font-weight:700;pointer-events:none}.pname{font-size:12px;font-weight:600;line-height:1;color:var(--txt);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdist{font-size:11px;color:#c7cbe0;white-space:nowrap}.pstatus{font-size:10px;line-height:1;color:#0e1018;background:#c7cbe0;border-radius:8px;padding:3px 6px;white-space:nowrap;max-width:78px;overflow:hidden;text-overflow:ellipsis}.pin.pin-offline{border:2px dashed rgba(255,255,255,.55);filter:grayscale(.35)}.poffline{font-size:10px;font-weight:600;line-height:1;color:var(--txt-muted);background:#9aa0bc24;border:1px solid rgba(154,160,188,.35);border-radius:8px;padding:3px 7px;white-space:nowrap}.pstale{font-size:10px;line-height:1;color:var(--txt-muted);white-space:nowrap}.roster-row.offline .roster-meta{color:var(--txt-muted)}.roster-row.offline .fav{filter:grayscale(.35);outline:2px dashed rgba(255,255,255,.4);outline-offset:1px}.hint,.empty-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:var(--txt-dim);font-size:13px}.focus{flex:1;display:flex;flex-direction:column}.fhead{display:flex;align-items:center;gap:10px;padding:8px 4px}.back{background:none;border:none;color:var(--txt);font-size:30px;line-height:1;cursor:pointer;min-width:44px;min-height:44px;padding:0 6px 0 0;text-align:left}.fav{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.fav.big{width:84px;height:84px;font-size:40px}.fname{font-weight:600;font-size:18px}.chip{margin-left:auto;font-size:12px;background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px 10px;color:#c7cbe0}.fcenter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.arrow{display:block;transition:transform .12s linear}.bigdist{font-size:44px;font-weight:600;letter-spacing:-1px}.arrived{font-size:22px;font-weight:600}.look{color:var(--teal);font-size:15px}.target{width:150px;height:150px;border-radius:50%;border:1px solid rgba(53,208,166,.4);display:flex;align-items:center;justify-content:center}.fresh{font-size:12px;color:var(--txt-muted)}.fresh.stale{color:#e2884b}.perm{margin:12px auto;background:var(--accent);color:#0e1018;border:none;border-radius:22px;padding:14px 22px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer}.perm-denied{margin:12px auto 0;max-width:300px;text-align:center;font-size:12px;line-height:1.45;color:var(--txt-dim)}.accuracy{text-align:center;font-size:11px;color:var(--txt-dim);padding-bottom:4px}.gps-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.gps-emoji{font-size:44px;opacity:.8}.gps-title{font-size:20px;font-weight:600;color:var(--txt);margin:0}.brand{margin:0;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.05}.tagline{margin:0;color:var(--txt-muted);font-size:15px}.tiny{margin:0;color:var(--txt-dim);font-size:13px}.bigdist,.pdist,.pstale,.ring-label,.gmeta,.accuracy,.tl-meta,.fresh,.recent small{font-variant-numeric:tabular-nums}.bigdist{font-size:54px;font-weight:800;letter-spacing:-1px}.home-mark{filter:drop-shadow(0 0 18px rgba(139,123,255,.35));margin-bottom:2px}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(28px + var(--safe-t)) calc(22px + var(--safe-r)) calc(28px + var(--safe-b)) calc(22px + var(--safe-l));text-align:center;position:relative;animation:screen-in .22s ease}.group{animation:screen-in .22s ease}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.cta{background:var(--accent);color:#0e1018;border:none;border-radius:26px;padding:16px 26px;font-size:17px;font-weight:600;width:100%;max-width:320px;cursor:pointer}.cta:disabled{opacity:.6}.cta.secondary{background:var(--scr-elev);border:1px solid rgba(255,255,255,.1);color:var(--txt)}.error{color:#e2884b;font-size:13px;max-width:300px;margin:0}.perms{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;margin:6px 0 10px;text-align:left}.perm-item{display:flex;gap:12px;align-items:flex-start;background:var(--scr-elev);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px}.perm-icon{font-size:22px;line-height:1.2}.perm-item strong{font-size:15px;font-weight:600}.perm-item p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--txt-muted)}.field{width:100%;max-width:320px;text-align:left;display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--txt-muted)}.input{background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;font-size:16px;color:var(--txt);width:100%;font-family:inherit}.row{display:flex;gap:8px;width:100%}.chipbtn{flex:1;background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);color:var(--txt);border-radius:12px;padding:12px;font-size:14px;cursor:pointer}.chipbtn.on{background:var(--accent);color:#0e1018;border-color:transparent}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:320px}.emoji-grid button{font-size:24px;background:var(--scr-elev);border:1px solid transparent;border-radius:12px;padding:8px;min-height:46px;cursor:pointer}.emoji-grid button.on{border-color:var(--accent);background:#241f3d}.color-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:320px}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:var(--txt);box-shadow:0 0 0 2px var(--scr-bg)}.preview-chip{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--txt)}.recents{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.recent{display:flex;justify-content:space-between;align-items:center;background:var(--scr-elev);border:1px solid rgba(255,255,255,.06);color:var(--txt);font-weight:600;border-radius:14px;padding:14px;font-size:15px;cursor:pointer;text-align:left}.recent small{color:var(--txt-dim)}.share{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px}.qr{background:#0e1018;border-radius:16px;padding:10px;line-height:0}.linkbox{display:flex;gap:8px;width:100%}.linkbox .input{flex:1;font-size:13px}.copy{background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);color:var(--txt);border-radius:12px;padding:0 16px;min-width:56px;cursor:pointer}.group{height:100%;display:flex;flex-direction:column;position:relative}.ghead{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) 4px calc(16px + var(--safe-l));position:relative}.urgent-door{position:absolute;top:calc(12px + var(--safe-t));right:calc(16px + var(--safe-r));width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);font-size:16px;cursor:pointer;opacity:.8}.ghead .gname{font-weight:600;font-size:16px}.ghead .gmeta{color:var(--txt-muted);font-size:12px;display:flex;gap:6px;align-items:center}.cdot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--txt-dim)}.cdot.open{background:var(--teal)}.cdot.connecting{background:#f5b544}.cdot.closed,.cdot.error{background:#e2884b}.bottom-bar[hidden]{display:none}.bottom-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(22px + var(--safe-b));display:flex;align-items:stretch;gap:10px;width:88%;max-width:340px}.action-btn{flex:1;background:var(--scr-elev);border:1px solid rgba(255,255,255,.1);color:var(--txt);border-radius:24px;padding:14px 10px;min-height:50px;font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gmeta-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;text-align:left}.back-fab{position:absolute;top:calc(10px + var(--safe-t));left:calc(16px + var(--safe-l));width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--txt);font-size:24px;line-height:1;padding-bottom:3px;cursor:pointer}.back-fab:active{opacity:.6}.invite-btn{background:var(--scr-elev);border:1px solid rgba(139,123,255,.35);border-radius:14px;color:var(--txt);font-size:14px;font-weight:600;padding:12px;cursor:pointer}.leave-row{background:none;border:1px solid rgba(255,107,107,.35);border-radius:14px;color:#ff8f8f;font-size:14px;font-weight:600;padding:12px;margin-top:4px;cursor:pointer;display:block;width:100%;line-height:1.35}.leave-sub{display:block;color:var(--txt-dim);font-size:11.5px;font-weight:400;margin-top:2px}.pin-row{display:flex;align-items:center;gap:12px;background:var(--scr-elev);border:1px solid rgba(53,208,166,.3);border-radius:14px;padding:10px 12px;margin-bottom:6px}.pin-emoji{font-size:22px}.roster{display:flex;flex-direction:column;gap:4px;max-height:56vh;overflow-y:auto}.roster-row{display:flex;align-items:center;gap:12px;padding:8px 4px}.roster-row.me{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:4px;width:100%;background:none;border-top:none;border-left:none;border-right:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.roster-row.me:active{opacity:.7}.roster-chevron{margin-left:auto;color:var(--txt-dim);font-size:20px;line-height:1}.roster-txt{min-width:0}.roster-name{font-size:15px;color:var(--txt)}.roster-status{color:var(--txt-muted)}.roster-meta{font-size:12px;color:var(--txt-dim);margin-top:1px}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:10;animation:backdrop-in .25s ease}@keyframes backdrop-in{0%{background:#0000}}.sheet{background:#191c28;width:100%;border-radius:22px 22px 0 0;padding:16px 16px calc(26px + var(--safe-b));display:flex;flex-direction:column;gap:10px;animation:sheet-in .32s cubic-bezier(.24,1.12,.4,1)}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet h3{margin:4px 0 8px;font-size:15px;font-weight:600;text-align:center}.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sheet-grid button{background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);color:var(--txt);border-radius:14px;padding:15px;font-size:15px;cursor:pointer}.sheet-grid button.on{background:var(--accent);color:#0e1018}.sheet-actions{display:flex;flex-direction:column;align-items:center;gap:2px}.sheet .clear{background:none;border:none;color:var(--txt-muted);font-size:13px;padding:8px;cursor:pointer}.tl{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.tl-row{display:flex;align-items:flex-start;gap:11px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.tl-row:last-child{border-bottom:none}.tl-icon{font-size:16px;line-height:1.3;width:22px;text-align:center;flex-shrink:0}.tl-face{position:relative;flex-shrink:0;line-height:0}.tl-badge{position:absolute;right:-3px;bottom:-2px;font-size:11px;line-height:15px;width:16px;text-align:center;border-radius:50%;background:var(--elev);box-shadow:0 0 0 1.5px var(--bg)}.tl-line b{font-weight:650}.tl-txt{min-width:0;flex:1}.tl-line{font-size:14px;color:var(--txt)}.tl-meta{font-size:11px;color:var(--txt-dim);margin-top:1px}.tl-row.zone{background:#35d0a617;border-radius:10px;padding-inline:9px;margin-inline:-5px;border-bottom-color:transparent}.tl-row.zone .tl-meta{color:var(--teal)}.tl-empty{color:var(--txt-dim);font-size:13px;padding:8px 4px 4px}.editor-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.editor-row{display:flex;gap:8px;align-items:center}.editor-row .input{flex:1;padding:11px 12px}.editor-row .copy{min-width:44px;min-height:44px;font-size:16px}.emoji-quick{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.emoji-quick button{background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:20px;padding:6px 8px;min-width:40px;cursor:pointer}.empty-hint{margin:0 auto;max-width:240px}.urgent-ping{background:#8b7bff24;border:1px solid rgba(139,123,255,.45);border-radius:14px;color:var(--txt);font-size:15px;font-weight:700;padding:16px;cursor:pointer}.urgent-sos{position:relative;overflow:hidden;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.5);border-radius:14px;color:#ff8f8f;font-size:15px;font-weight:700;padding:18px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.sos-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:#ff6b6b4d;pointer-events:none}.urgent-sos.holding .sos-fill{animation:sos-fill 1.5s linear forwards}@keyframes sos-fill{to{width:100%}}.sos-label{position:relative}.ok-btn{background:#35d0a61f;border:1px solid rgba(53,208,166,.45);border-radius:14px;color:var(--teal);font-size:15px;font-weight:700;padding:14px;cursor:pointer}.chipbtn.zone-alert{width:100%;max-width:320px;flex:none}.recap .poster{width:100%;max-width:340px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 40px #00000080}.recap .poster svg{width:100%;height:auto;display:block}.walk{color:var(--txt-muted);font-size:14px;margin-top:-8px;font-variant-numeric:tabular-nums}.roster-batt{font-variant-numeric:tabular-nums}.map-wrap{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;padding:0 calc(16px + var(--safe-r)) calc(22px + var(--safe-b)) calc(16px + var(--safe-l))}.map-box{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#1b1e2b}.map-tile{position:absolute;width:256px;height:256px;filter:invert(1) hue-rotate(180deg) brightness(.85) saturate(.7);pointer-events:none;-webkit-user-select:none;user-select:none}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.map-pin.offline{filter:grayscale(.5);opacity:.75}.map-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #00000080}.map-name{font-size:11px;font-weight:600;white-space:nowrap;color:var(--txt);background:#0e1018bf;border-radius:6px;padding:1px 5px;font-variant-numeric:tabular-nums}.map-me{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #8b7bff40,0 0 14px #8b7bff99}.map-scale{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--txt-muted);background:#0e1018b3;border-radius:6px;padding:2px 6px;font-variant-numeric:tabular-nums}.map-scale-bar{display:block;width:80px;height:2px;background:var(--txt-muted)}.map-credit{position:absolute;right:8px;bottom:8px;font-size:9px;color:var(--txt-dim);background:#0e101899;border-radius:4px;padding:1px 4px}.map-controls{display:flex;gap:10px;align-items:stretch}.map-controls .action-btn:first-child,.map-controls .action-btn:last-child{flex:0 0 56px;font-size:20px}.chat-row{display:flex;gap:8px;align-items:stretch;margin-top:4px}.chat-row .input{flex:1}.chat-send{flex:0 0 52px;border-radius:14px;border:none;background:var(--accent);color:#0e1018;font-size:20px;font-weight:700;line-height:1;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.chat-send:disabled{background:var(--scr-elev);border:1px solid rgba(255,255,255,.08);color:var(--txt-dim);cursor:default}.chat-send:active:not(:disabled){transform:scale(.94)}.tl-row.said .tl-line{color:var(--txt)}.tl-row.said .tl-icon,.tl-row.said .tl-badge{opacity:.7}.face{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;line-height:1}.face-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-row{display:flex;align-items:center;gap:14px;width:100%;max-width:320px}.avatar-actions{display:flex;flex-direction:column;gap:8px;flex:1}.avatar-actions .chipbtn{text-align:center;cursor:pointer}