:root{--brand: #7c3aed;--bg: #fff;--ink: #1a1a1a;--muted: #6b7280;--card: #f6f4fb}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;border:0;border-radius:999px;padding:10px 14px;background:var(--card);color:var(--ink);cursor:pointer}button.primary{background:var(--brand);color:#fff}button.link{background:none;color:var(--brand);padding:4px}input{font:inherit;width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;margin:6px 0}label{font-size:.85rem;color:var(--muted)}.center{height:100%;display:grid;place-items:center}.card-screen{max-width:420px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 40px) 20px 20px}.card-screen form{display:grid;gap:4px}.code{font:700 2rem monospace;letter-spacing:.2em;text-align:center;background:var(--card);border-radius:16px;padding:16px;margin:8px 0 20px}.error{color:#dc2626}.app{position:relative;height:100%;display:flex;flex-direction:column}.mapwrap{position:absolute;top:0;right:0;bottom:0;left:0}header{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 8px);left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;background:#fffffff0;border-radius:16px;padding:10px 14px;box-shadow:0 2px 10px #0002}header small{display:block;color:var(--muted)}.pill{background:var(--card);border-radius:999px;padding:4px 10px;font-size:.85rem}.sheet{position:absolute;z-index:2;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);box-shadow:0 -4px 20px #0003;max-height:55%;overflow:auto}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.chips button{white-space:nowrap;border:1px solid #e5e0f5;background:#fff}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hint{color:var(--muted);font-size:.85rem;margin:8px 0}.place-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #eee}.icons{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.icons button{font-size:1.4rem}.icons .sel{outline:2px solid var(--brand)}.toast{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 124px);left:50%;transform:translate(-50%);background:#111c;color:#fff;padding:10px 16px;border-radius:999px;max-width:90%}.marker.place{font-size:1.6rem;background:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;box-shadow:0 2px 8px #0004}.marker.me{width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 0 4px #2563eb44}.marker.mate{width:52px;height:52px;border-radius:50%;border:4px solid var(--brand);background:#fff;display:grid;place-items:center;font-weight:700;color:var(--brand);overflow:hidden;box-shadow:0 4px 12px #0004}.marker.mate img{width:100%;height:100%;object-fit:cover}.row.between,.between{justify-content:space-between;align-items:center}.row input{flex:1;min-width:0;margin:0}.grow{flex:1}header button{margin-left:8px}.members{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 72px);left:12px;right:12px;display:flex;gap:6px;overflow-x:auto}.members button{background:#fffffff0;box-shadow:0 1px 6px #0002;white-space:nowrap}.members .sel{background:var(--brand);color:#fff}.status{display:flex;flex-direction:column;margin-bottom:8px}.status span{color:var(--muted);font-size:.9rem}.group-card{background:var(--card);border-radius:16px;padding:12px;margin:10px 0;display:grid;gap:8px}.group-card.cur{outline:2px solid var(--brand)}.group-card .row{margin:0}.marker.mate.active{border-color:#ef4444}h3{margin:18px 0 6px}.maplibregl-ctrl-attrib{margin-bottom:0}.marker.mate.s1{opacity:.75}.marker.mate.s2{opacity:.55;filter:grayscale(1)}header small.age.a1{color:#b45309}header small.age.a2{color:#6b7280;font-style:italic}.status .ping{align-self:flex-start;margin-top:6px;background:var(--brand);color:#fff}.admin code{word-break:break-all}.pw{position:relative;margin:6px 0}.pw input{margin:0;padding-right:48px}.pw .eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;color:var(--muted);padding:8px;display:grid;place-items:center}.layer-btn{position:absolute;z-index:2;right:12px;top:calc(env(safe-area-inset-top) + 124px);background:#fffffff0;box-shadow:0 1px 6px #0003;font-size:.85rem}.setup{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top) + 124px);display:grid;gap:6px;background:#fff;padding:14px;border-radius:14px;box-shadow:0 6px 24px #0004}.setup small{color:var(--muted)}.avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;color:#fff;font-weight:700;flex:none;-webkit-user-select:none;user-select:none}.members button{display:inline-flex;align-items:center;gap:6px}.pin{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 8px #0006);transition:transform .2s}.pin-face{padding:3px;border-radius:50%;background:var(--brand)}.pin-face .avatar{border:3px solid #fff;box-sizing:border-box;display:grid}.pin-tail{width:0;height:0;border:7px solid transparent;border-top:9px solid var(--brand);border-bottom:0;margin-top:-1px}.pin.active{transform:scale(1.08)}.pin.active .pin-face{background:#ef4444}.pin.active .pin-tail{border-top-color:#ef4444}.pin-name{position:absolute;top:100%;margin-top:4px;background:#111c;color:#fff;font-size:.72rem;padding:2px 8px;border-radius:999px;white-space:nowrap}.pin.s1 .pin-face{background:#f59e0b}.pin.s1 .pin-tail{border-top-color:#f59e0b}.pin.s2 .pin-face{background:#9ca3af}.pin.s2 .pin-tail{border-top-color:#9ca3af}.pin.s2 .avatar{filter:grayscale(1);opacity:.8}.refresh{font-size:1.2rem;line-height:1}.refresh.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-edit{display:flex;align-items:center;gap:14px}.photo-edit .avatar-wrap{position:relative;cursor:pointer}.photo-edit .cam{position:absolute;right:-2px;bottom:-2px;background:var(--brand);color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:.9rem;border:2px solid #fff}.photo-edit input[type=file]{display:none}.admin .edit{display:grid;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #eee}.admin .member-line{display:flex;align-items:center;gap:8px}select{font:inherit;padding:10px 12px;border:1px solid #ddd;border-radius:12px;background:#fff;min-width:0;flex:1}.my-photo{margin-left:8px;cursor:pointer;display:inline-flex;position:relative}.my-photo input{display:none}.my-photo .avatar{border:2px solid var(--brand);box-sizing:border-box}.inbox{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.inbox-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}.inbox ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.inbox li{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f1f1f1}.inbox li.new{background:#f5f0ff}.inbox li small{color:var(--muted)}.ev-icon{font-size:1.5rem}.center-text{text-align:center;margin-top:40px}.bell{position:relative}.bell .badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;font-size:.65rem;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.cropper{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1000;overscroll-behavior:none;user-select:none;-webkit-user-select:none;background:#000e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px;touch-action:none}.crop-view{position:relative;overflow:hidden;border-radius:50%;background:#222;box-shadow:0 0 0 2px #fff;touch-action:none;cursor:grab}.crop-view img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.crop-zoom{width:260px;accent-color:var(--brand)}.cropper .row{gap:12px}.setup.warn{border-left:5px solid #ef4444}.admin-map{position:relative;height:320px;border-radius:12px;overflow:hidden}.admin-map .layer-toggle{position:absolute;top:8px;right:8px;background:#fff;box-shadow:0 1px 6px #0003;font-size:.8rem;padding:6px 10px}.burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;pointer-events:none}.burst-main{grid-area:1 / 1;text-align:center;color:#fff;text-shadow:0 2px 12px #000a;animation:burst-main 2.3s ease-out forwards}.burst-icon{font-size:6rem;line-height:1;filter:drop-shadow(0 6px 14px #0006)}.burst-text{font-size:1.6rem;font-weight:700;margin-top:6px}.burst-main small{display:block;opacity:.9;margin-top:2px}.burst-p{grid-area:1 / 1;font-size:1.8rem;opacity:0;animation:burst-p 1.8s ease-out forwards}@keyframes burst-main{0%{transform:scale(.2);opacity:0}18%{transform:scale(1.25);opacity:1}30%{transform:scale(.95)}42%{transform:scale(1.05)}55%,78%{transform:scale(1);opacity:1}to{transform:translateY(-60px) scale(.9);opacity:0}}@keyframes burst-p{0%{transform:translate(0) scale(.3);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(25deg);opacity:0}}@media (prefers-reduced-motion: reduce){.burst-p{display:none}}.burst:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#000a 0,#0006 35%,transparent 60%);opacity:0;animation:burst-dim 2.3s ease-out forwards}@keyframes burst-dim{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.update-banner{position:fixed;z-index:50;top:calc(env(safe-area-inset-top) + 84px);left:12px;right:12px;background:var(--brand);color:#fff;border:0;border-radius:14px;padding:12px 16px;font-weight:600;box-shadow:0 4px 16px #0004}.qm-row{flex-wrap:nowrap;align-items:center}.qm-row input:not(.qm-icon){min-width:0;flex:1}.qm-icon{width:3.2rem;text-align:center;flex:none}@media (max-width: 520px){.qm-row{flex-wrap:wrap}}