.location-overlay{position:absolute;inset:0;z-index:23;pointer-events:none;overflow:hidden}
.live-location-dot{position:absolute;left:0;top:0;width:48px;height:48px;border:0;padding:0;background:none;pointer-events:auto;touch-action:manipulation;will-change:transform;-webkit-tap-highlight-color:transparent}
.live-location-dot[hidden]{display:none}.location-core{position:absolute;left:13px;top:13px;width:22px;height:22px;border-radius:50%;background:#1a73e8;border:3px solid white;box-sizing:border-box;box-shadow:0 1px 7px #10284a60;z-index:2}
.location-pulse{position:absolute;left:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#1a73e82b;opacity:0;transform:scale(.7)}
.live-location-dot[data-live=true] .location-pulse{animation:location-breathe 2.8s ease-out infinite}.live-location-dot[data-stale=true] .location-core{background:#8291a3}
.location-heading-beam{position:absolute;inset:-6px;background:conic-gradient(from -27deg at 50% 50%,#1a73e840 0deg,#1a73e817 54deg,transparent 54deg);border-radius:50%;transform-origin:50% 50%;pointer-events:none}
.location-heading-beam[hidden]{display:none}.live-location-dot:focus-visible{outline:2px solid #1a73e8;border-radius:50%;outline-offset:2px}
@keyframes location-breathe{0%{transform:scale(.7);opacity:.65}75%,100%{transform:scale(1.5);opacity:0}}
#locate[data-state=live] .location-dot{fill:#1a73e8}#locate[data-follow=phone],#locate[data-follow=travel]{background:#eaf2ff;color:#1a73e8}
#location-status{position:fixed;top:auto;z-index:29;left:var(--edge,28px);right:auto;bottom:calc(44px + env(safe-area-inset-bottom));width:min(350px,calc(100vw - 2 * var(--edge,28px)));max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:12px;border-radius:16px;background:#fff;color:#23312c;box-shadow:0 4px 24px #10282022}
.location-title{font-size:15px;line-height:1.4;margin:0 40px 3px 0;font-weight:650}#location-message{font-size:12px;line-height:1.55;margin:0;padding:0 25px 0 0;color:#56655e}
.location-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:8px}.location-modes{display:flex;flex:1 1 200px;min-width:0;gap:4px;flex-wrap:wrap;margin:0;padding:3px;background:#f0f3f5;border-radius:13px}.location-modes button{flex:1 1 8.25em;min-width:44px;min-height:44px;overflow-wrap:anywhere;border-radius:10px;background:transparent;font-size:11px;line-height:1.2;padding:8px;color:#4b5865}.location-modes button[aria-pressed=true]{background:#fff;color:#175fc2;box-shadow:0 1px 5px #172b4220;font-weight:650}
.location-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-left:auto}.location-actions button{min-width:44px;min-height:44px;padding:8px;overflow-wrap:anywhere;font-size:12px;background:none}.location-resume{color:#175fc2;font-weight:600}.location-stop{color:#56655e}.location-modes[hidden],.location-actions[hidden],.location-modes button[hidden],.location-actions button[hidden]{display:none}
#location-status .close-button{min-width:44px;min-height:44px;top:0;right:0}#location-status button:focus-visible{outline:2px solid #175fc2;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.live-location-dot[data-live=true] .location-pulse{animation:none;opacity:.25;transform:scale(1)}}

@media(min-width:740px) and (min-height:521px){#location-status{left:auto;right:calc(var(--edge,28px) + 62px)}}