#map-container{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;z-index:1}.place-popup .leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 16px #0000001f}.place-popup .leaflet-popup-content{margin:10px 12px}.course-tooltip{font-family:var(--font-sans);font-size:.7rem;padding:2px 6px;border-radius:3px;box-shadow:0 1px 4px #00000026}.members-panel{position:fixed;bottom:24px;left:16px;z-index:1000;min-width:200px;max-width:280px;max-height:240px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014;overflow:hidden;display:flex;flex-direction:column}.panel-header{font-family:var(--font-serif);font-size:.85rem;font-weight:500;letter-spacing:.04em;color:var(--color-ink);padding:12px 16px 8px;border-bottom:1px solid rgba(0,0,0,.06)}.members-list{overflow-y:auto;padding:8px 16px 12px;display:flex;flex-direction:column;gap:8px}.panel-empty{font-family:var(--font-sans);font-size:.75rem;color:var(--color-ink-faint, #999);padding:4px 0}.member-row{display:flex;align-items:center;gap:8px}.member-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #00000026}.member-name{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--color-ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-time{font-family:var(--font-sans);font-size:.65rem;color:var(--color-ink-faint, #999);white-space:nowrap;flex-shrink:0}.share-btn{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));right:16px;z-index:1000;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:20px;box-shadow:0 2px 12px #0000001f,0 1px 3px #0000000f;font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--color-ink);cursor:pointer;transition:background .2s,box-shadow .2s}.share-btn:hover{background:#fffffff2;box-shadow:0 4px 16px #00000026}.share-btn.active{background:#48a9a626;color:#2a7a77}.share-btn.active svg{color:#48a9a6}.color-picker{position:fixed;top:calc(116px + env(safe-area-inset-top,0px));right:16px;z-index:1000;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 20px #0000001f;padding:10px 12px;transition:opacity .2s,transform .2s}.color-picker.hidden{opacity:0;pointer-events:none;transform:translateY(-4px)}.color-picker-label{font-family:var(--font-sans);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint, #999);margin-bottom:8px}.color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0;background:none}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--color-ink);transform:scale(1.1)}.color-swatch-inner{width:100%;height:100%;border-radius:50%;box-shadow:0 1px 3px #0003}.member-marker{width:20px!important;height:20px!important;border-radius:50%;border:2.5px solid white;box-shadow:0 2px 6px #00000040;transition:background-color .3s}.member-marker.self-marker{animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 #48a9a666,0 2px 6px #00000040}50%{box-shadow:0 0 0 8px #48a9a600,0 2px 6px #00000040}}.city-marker{width:8px!important;height:8px!important;border-radius:50%;background:#9ca3af;border:1.5px solid white;box-shadow:0 1px 3px #00000026}.city-label{font-family:var(--font-sans);font-size:11px;font-weight:500;color:#555;white-space:nowrap;text-shadow:0 0 4px white,0 0 4px white;background:none!important;border:none!important;box-shadow:none!important}@media(max-width:768px){.members-panel{bottom:0;left:0;right:0;max-width:none;border-radius:14px 14px 0 0;max-height:180px}.share-btn{right:12px;top:calc(72px + env(safe-area-inset-top,0px))}.color-picker{right:12px;top:calc(110px + env(safe-area-inset-top,0px))}}