:root{--sleek-bg:#f6f8f9;--sleek-surface:#fff;--text-900:#0f172a;--text-800:#1e293b;--text-700:#334155;--text-500:#64748b;--text-400:#94a3b8;--brand-600:#293140;--brand-100:#e7e9ec;--emerald-600:#059669;--emerald-50:#ecfdf5;--red:#ef4444;--red-dark:#dc2626;--red-50:#fef2f2;--amber:#d97706;--amber-bg:#fef3c7;--puck-cyan:#00c7d9;--border:#e2e8f0;--sheet-height:210px}*{box-sizing:border-box}html,body,#app{background:var(--sleek-bg);width:100%;height:100%;color:var(--text-900);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font-family:inherit}#join-screen{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}#join-screen[hidden]{display:none}.join-card{background:var(--sleek-surface);border-radius:24px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 12px 40px #0f172a1f}.brand-lockup{width:108px;height:auto;margin:0 auto 14px;display:block}.join-card p{color:var(--text-500);text-align:center;margin:0 0 20px;font-size:14px}.apk-download{margin-top:18px}.apk-download-divider{color:var(--text-400);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.apk-download-divider:before,.apk-download-divider:after{content:"";background:var(--border);flex:1;height:1px}.apk-download-link{border:1.5px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.apk-download-link:hover,.apk-download-link:active{border-color:var(--brand-600);background:var(--brand-100)}.apk-download-icon{border-radius:9px;flex-shrink:0;width:36px;height:36px}.apk-download-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.apk-download-text strong{color:var(--text-900);font-size:14px}.apk-download-text small{color:var(--text-500);font-size:11px;line-height:1.3}.apk-download-arrow{color:var(--text-400);flex-shrink:0}.field{margin-bottom:14px}.field label{color:var(--text-500);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input{border:1.5px solid var(--border);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px}.field input:focus{border-color:var(--brand-600)}.btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-size:14px;font-weight:700}.btn-primary{background:var(--brand-600);color:#fff}.btn-secondary{background:var(--brand-100);color:var(--brand-600);margin-top:10px}.btn:disabled{opacity:.6;cursor:default}.error-banner{background:var(--red-50);color:var(--red-dark);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.new-version-banner{z-index:100;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--brand-600);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.new-version-banner[hidden],body.has-update-banner #force-refresh-btn{display:none}.new-version-banner button{color:var(--brand-600);cursor:pointer;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:800}#room-screen{width:100%;height:100%;position:relative;overflow:hidden}#room-screen[hidden]{display:none}#map-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}#bubble-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-bubble{border:1px solid var(--border);white-space:normal;background:#fff;border-radius:12px;max-width:160px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0f172a26}.map-bubble.self{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.banner-stack{top:max(12px, env(safe-area-inset-top));z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;left:12px;right:12px}.top-banner{background:var(--red);color:#fff;text-align:center;border-radius:16px;padding:12px 14px;font-size:13px;font-weight:600;box-shadow:0 6px 20px #ef444459}.top-banner[hidden]{display:none}.offline-banner{background:var(--amber-bg);color:var(--amber);justify-content:space-between;align-items:center;gap:10px;display:flex}.offline-banner button{background:var(--amber);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:700}.fab-column{right:14px;bottom:calc(var(--sheet-height) + 12px);z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute}.speedometer{left:14px;bottom:calc(var(--sheet-height) + 12px);z-index:4;background:#181e24f2;border:1.5px solid #334155;border-radius:22px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;box-shadow:0 6px 16px #00000040}.speedometer-badge{border:2px solid var(--puck-cyan);color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.speedometer-text{flex-direction:column;display:flex}.speedometer-label{color:#94a3b8;letter-spacing:.6px;font-size:8px;font-weight:700}.speedometer-status{color:#38bdf8;font-size:11px;font-weight:700}.round-btn{width:44px;height:44px;color:var(--text-700);cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #0f172a26}.round-btn.active{background:var(--brand-600);color:#fff}.round-btn.recording{background:var(--red);color:#fff}.bottom-stack{z-index:3;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.chat-compose{background:var(--sleek-bg);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.chat-compose[hidden]{display:none}.chat-compose-row{gap:8px;display:flex}.quick-phrases{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.quick-phrases::-webkit-scrollbar{display:none}.quick-phrase-chip{border:1.5px solid var(--brand-100);width:max-content;color:var(--brand-600);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:600}.quick-phrase-chip:active{background:var(--brand-100)}.chat-compose input{border:1.5px solid var(--border);background:#fff;border-radius:20px;outline:none;flex:1;min-width:0;padding:11px 14px;font-size:14px}.chat-compose-row button{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-weight:700}#bottom-sheet{background:var(--sleek-surface);padding:18px 20px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;box-shadow:0 -8px 30px #0f172a1f}.sheet-top{align-items:flex-start;gap:10px;display:flex}.avatar-strip{flex-shrink:0;display:flex}.avatar{width:32px;height:32px;color:var(--text-500);cursor:pointer;background:#f1f5f9;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.avatar:first-child{margin-left:0}.avatar.self{background:var(--brand-100);color:var(--brand-600);border-color:var(--brand-600)}.avatar.sos{background:var(--red-50);color:var(--red);border-color:var(--red)}.sheet-title{text-align:center;flex:1;min-width:0}.sheet-title .eyebrow{letter-spacing:1.4px;color:var(--text-400);text-transform:uppercase;font-size:10px;font-weight:700}.sheet-title .title{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;overflow:hidden}.room-code-label{color:var(--text-400);cursor:pointer;background:0 0;border:none;padding:2px 0 0;font-size:11px;font-weight:700}.room-code-label.copied{color:var(--emerald-600)}.status-row{justify-content:space-between;gap:12px;margin:14px 0;display:flex}.status-row>div{min-width:0}.status-row .label{color:var(--text-400);font-size:12px}.status-row .value{color:var(--text-700);font-size:13px;font-weight:700}.status-row .right{text-align:right}.status-row .online-dot{background:var(--emerald-600);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.sos-btn{background:var(--red);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:20px;width:100%;padding:15px;font-size:15px;font-weight:800}.sos-btn.active{background:var(--red-dark)}.modal-overlay{z-index:10;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay[hidden]{display:none}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:340px;max-height:calc(100% - 20px);padding:24px;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}.modal-card.wide{max-width:400px}.modal-card h2{margin:0 0 10px;font-size:18px}.modal-card p{color:var(--text-500);margin:0 0 20px;font-size:14px;line-height:1.5}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.icon-close{background:var(--sleek-bg);cursor:pointer;width:32px;height:32px;color:var(--text-500);border:none;border-radius:50%;flex-shrink:0;font-size:14px}.modal-actions{justify-content:flex-end;gap:16px;margin-top:4px;display:flex}.modal-actions.spread{justify-content:space-between;align-items:center}.btn-text{color:var(--brand-600);cursor:pointer;background:0 0;border:none;padding:6px;font-size:14px;font-weight:700}.btn-text.danger{color:var(--red-dark)}.btn-text.primary{color:var(--brand-600)}.field-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.field-row input{border:1.5px solid var(--border);border-radius:12px;outline:none;flex:1;min-width:0;padding:11px 13px;font-size:14px}.field-row input:focus{border-color:var(--brand-600)}.btn-icon{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:40px;height:40px;font-weight:700}.btn-icon.saved{background:var(--emerald-600)}.section-label{color:var(--text-500);margin:18px 0 8px;font-size:12px;font-weight:700;display:block}.hint-text{color:var(--text-500);margin:0 0 6px;font-size:12px}.offline-progress{align-items:center;gap:8px;margin-top:8px;display:flex}.offline-progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.offline-progress-fill{background:var(--brand-600);border-radius:3px;width:0%;height:100%;transition:width .2s}.offline-progress-bar[hidden]{display:none}#offline-progress-label{color:var(--text-500);white-space:nowrap;font-size:12px}.offline-regions-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.offline-region-row{background:var(--sleek-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.offline-region-row .region-info{flex-direction:column;gap:2px;min-width:0;display:flex}.offline-region-row .region-info strong{color:var(--text-800);font-size:13px}.offline-region-row .region-info span{color:var(--text-500)}.offline-region-row button{color:var(--red-dark);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:12px;font-weight:700}.map-attribution{color:var(--text-400);text-align:center;margin:10px 0 0;font-size:11px}.destination-set{background:var(--emerald-50);color:var(--emerald-600);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.destination-set[hidden],#admin-destination-form[hidden],#admin-destination-label-row[hidden]{display:none}.transfer-row{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.transfer-row button{color:var(--brand-600);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.pending-offer{background:var(--amber-bg);color:var(--amber);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.pending-offer button{color:var(--amber);cursor:pointer;background:0 0;border:none;font-weight:700}.rider-role{color:var(--emerald-600);margin:-8px 0 16px;font-size:13px;font-weight:700}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.metric{background:var(--sleek-bg);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.metric .label{color:var(--text-500);font-size:11px}.metric .value{color:var(--text-800);font-size:15px;font-weight:800}.bearing-arrow{color:var(--brand-600);margin-right:4px;transition:transform .2s;display:inline-block}.signal-source-box{background:var(--sleek-bg);border-radius:14px;margin-bottom:14px;padding:10px 12px}.signal-source-title{color:var(--text-800);font-size:12px;font-weight:700}.signal-source-gps{color:var(--text-500);margin-top:2px;font-size:11px}@media (width<=360px){.join-card{padding:24px 20px}#bottom-sheet{padding:14px 14px calc(16px + env(safe-area-inset-bottom))}.fab-column{right:10px}.round-btn{width:40px;height:40px}}