:root{--bg:#f6f7f9;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--danger:#dc2626;--ok:#16a34a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0}h2{font-size:1.1rem}h3{font-size:.95rem}a{color:var(--primary)}.container{max-width:900px;margin:0 auto;padding:24px 16px}.stack{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.center{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace}.error{color:var(--danger);margin:0}.notice{color:var(--ok);margin:0}label{flex-direction:column;gap:4px;font-size:.875rem;display:flex}input{font:inherit;border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--primary);outline-offset:-1px}.btn{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-danger{color:var(--danger);border-color:var(--danger);background:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-google{width:100%;font-weight:500}.google-button{justify-content:center;width:100%;min-height:44px;display:flex}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.divider{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.header-user{align-items:center;gap:8px;min-width:0;display:flex}.header-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{border-radius:50%;width:28px;height:28px}.session-list,.member-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.session-list li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{color:#3730a3;background:#eef2ff;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.75rem}.badge.active{color:#166534;background:#dcfce7}.badge.ended{color:var(--muted);background:#f3f4f6}.code{background:#f3f4f6;border-radius:6px;padding:2px 6px;font-weight:600}.dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.connected{background:var(--ok)}.dot.closed,.dot.unauthenticated{background:var(--danger)}.session-layout{grid-template-columns:300px 1fr;gap:16px;height:calc(100vh - 53px);padding:16px;display:grid}.sidebar{overflow-y:auto}.map-wrap{border:1px solid var(--border);border-radius:12px;min-height:360px;position:relative;overflow:hidden}.map{width:100%;height:100%}.map-distance{z-index:1000;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:none;position:absolute;top:10px;left:56px;right:10px;box-shadow:0 2px 8px #0003}.map-distance strong{font-variant-numeric:tabular-nums;font-size:1.15rem}@media (width<=720px){.session-layout{grid-template-columns:1fr;height:auto}.map-wrap{height:60vh}.map-distance{display:flex}}.target-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.target-card h3,.target-card p{margin:0}.distance{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.link-btn{color:#2563eb;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;text-decoration:underline}.leaflet-tooltip.distance-tooltip{font-size:.9rem;font-weight:700}.distance-sub{color:var(--muted);font-size:1.1rem;font-weight:600}.mode-tabs{gap:4px;margin:4px 0;display:flex}.mode-tabs button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:6px 0;font-size:.85rem}.mode-tabs button.active{color:#fff;background:#1a73e8;border-color:#1a73e8}.brand{align-items:center;gap:8px;display:inline-flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand p{margin:0}.demo-box{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.demo-box p{margin:0}.demo-banner{background:linear-gradient(135deg,#eff6ff,#f0fdfa);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-banner p{margin:4px 0 0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-small{padding:6px 10px;font-size:.85rem}select{font:inherit;border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 8px}.badge.demo{color:#115e59;background:#ccfbf1}.hint{color:#075985;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:0;padding:8px 10px}.status-line{margin:0}.check{flex-direction:row;align-items:center;gap:8px}.panel{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.panel h3,.panel p{margin:0}.stack-tight{flex-direction:column;gap:6px;display:flex}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plain-list li{justify-content:space-between;align-items:center;gap:6px;display:flex}.plain-list.alerts li{display:block}.plain-list.alerts .alert-dot{margin-right:6px}.share-fresh{gap:6px;display:flex}.share-fresh input{flex:1;min-width:0;padding:6px 8px;font-size:.8rem}.zone-dot{vertical-align:-1px;border:2px dashed #0d9488;border-radius:50%;width:10px;height:10px;display:inline-block}.alert-dot{vertical-align:0;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.leaflet-tooltip.zone-tooltip{color:#fff;box-shadow:none;background:#0d9488e6;border:0;font-weight:600}.leaflet-tooltip.zone-tooltip:before{display:none}.map-wrap.picking .leaflet-container{cursor:crosshair}.map-hint,.toast{z-index:1000;border-radius:999px;padding:8px 14px;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.map-hint{color:#fff;background:#111827;top:12px}.toast{background:#fff;font-weight:600;animation:.25s ease-out toast-in;bottom:24px}.toast.enter{border-left:4px solid var(--ok)}.toast.exit{border-left:4px solid #f59e0b}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.share-layout{min-height:100vh}.cta{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.cta p{margin:0}.replay-clock{font-variant-numeric:tabular-nums;margin:0;font-size:1.8rem;font-weight:700}.scrubber{width:100%;accent-color:var(--primary)}.dot.expired{background:var(--danger)}.location-problem{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.location-problem p{margin:0}.locate-btn{cursor:pointer;background:#fff;border:0;width:34px;height:34px;font-size:20px;line-height:1}.locate-btn:disabled{color:#9ca3af;cursor:default}