:root{color-scheme:dark;--bg:#101418;--panel:#171c22;--line:#29313b;--muted:#94a0af;--text:#f4f7fb;--accent:#7c5cff;--green:#48d597}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}#map{height:100dvh;width:100%;background:#1c252d}.leaflet-container{font:inherit}.people-panel{position:fixed;z-index:1000;right:16px;top:16px;bottom:16px;width:min(350px,calc(100vw - 32px));background:rgba(23,28,34,.96);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(20px);padding:20px;display:flex;flex-direction:column;box-shadow:0 16px 50px #0008;transition:transform .22s ease,opacity .22s ease}.people-panel.is-closed{transform:translateX(calc(100% + 28px));opacity:0;pointer-events:none}.people-panel header{display:flex;align-items:start;justify-content:space-between}.eyebrow{margin:0 0 4px;color:#9c8cff;font-size:11px;font-weight:800;letter-spacing:.14em}h1{margin:0;font-size:27px;letter-spacing:-.04em}.close,.refresh{border:0;border-radius:10px;background:#252d36;color:var(--text);cursor:pointer}.close{font-size:27px;width:38px;height:38px;line-height:1}.panel-actions{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);margin:18px 0 8px;padding:11px 0;color:var(--muted);font-size:12px}.refresh{font-size:21px;width:36px;height:34px}.people-list{overflow:auto;flex:1}.person{display:flex;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);cursor:pointer}.person:hover{background:#ffffff08}.avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#312b57;color:#cfc7ff;font-weight:700}.person-body{min-width:0;flex:1}.person-title{display:flex;justify-content:space-between;gap:8px}.person-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:11px;color:var(--muted);white-space:nowrap}.status.online{color:var(--green)}.person small{display:block;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{background:none;border:1px solid #4a3542;color:#f3abbf;border-radius:12px;padding:12px;margin-top:14px;cursor:pointer}.people-toggle{position:fixed;z-index:999;top:20px;right:20px;display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:10px 14px;box-shadow:0 5px 20px #0005;cursor:pointer}.notice{position:fixed;z-index:1001;left:50%;bottom:24px;transform:translateX(-50%);background:#2d3641;color:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 4px 20px #0007;opacity:0;pointer-events:none;transition:.2s}.notice.visible{opacity:1}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,#34246e 0,transparent 35%),var(--bg)}.login-card{width:min(100%,390px);padding:34px;border:1px solid var(--line);border-radius:26px;background:#171c22;box-shadow:0 20px 60px #0006}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--accent);font-size:27px;margin-bottom:26px}.login-card>p:not(.eyebrow){color:var(--muted);margin:12px 0 26px}.login label{display:block;color:#cbd4df;font-size:13px}.login input{width:100%;background:#101418;border:1px solid #36414d;border-radius:11px;color:#fff;padding:13px;margin-top:7px;font:inherit;outline:none}.login input:focus{border-color:#8b78ff}.login form button{width:100%;margin-top:15px;border:0;border-radius:11px;background:var(--accent);color:white;font:600 15px inherit;padding:13px;cursor:pointer}.login small{display:block;color:#ff9aaa;min-height:20px;margin-top:9px}@media(max-width:600px){.people-panel{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:58dvh}.people-panel.is-closed{transform:translateY(calc(100% + 24px))}.people-toggle{top:max(16px,env(safe-area-inset-top));right:16px}.person{padding:11px 3px}}