.map-mode-toggle{--glass-filter:var(--glass-blur-sm);position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;width:108px;padding:3px;border:1px solid var(--glass-border-medium);border-radius:14px;background:var(--glass-bg-blur);box-shadow:var(--shadow-card);pointer-events:auto;-webkit-tap-highlight-color:transparent}.map-mode-toggle:before{content:"";position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 6px) / 2);border-radius:10px;background:var(--color-logo-cream);transition:transform .18s var(--ease-standard)}.map-mode-toggle[data-mode=expanded]:before{transform:translateX(100%)}.map-mode-toggle button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;padding:4px 2px;border:0;border-radius:10px;background:transparent;color:var(--color-text);font-family:inherit;font-size:10px;font-weight:650;line-height:1;cursor:pointer}.map-mode-toggle button[aria-pressed=true]{color:var(--color-primary-content)}.map-mode-toggle button[aria-pressed=false]:hover{background:var(--glass-bg-hover)}.map-mode-toggle button:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}@media (min-width:1024px){.map-mode-toggle{width:164px}.map-mode-toggle button{flex-direction:row;gap:6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.map-mode-toggle:before{transition:none}}