:root{--primary: #4F46E5;--primary-light: #EEF2FF;--bg-color: #F3F4F6;--panel-bg: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--border-color: #E5E7EB;--shadow: 0 -4px 16px rgba(0,0,0,.08);--map-filter: grayscale(0%);--offline-map-filter: grayscale(100%) opacity(.7)}[data-theme=dark]{--primary-light: #3730a3;--bg-color: #111827;--panel-bg: #1F2937;--text-main: #F9FAFB;--text-muted: #9CA3AF;--border-color: #374151;--shadow: 0 -4px 24px rgba(0,0,0,.4);--map-filter: invert(90%) hue-rotate(180deg) brightness(80%) contrast(120%);--offline-map-filter: invert(90%) hue-rotate(180deg) grayscale(100%) opacity(.5)}body{margin:0;padding:0;background-color:var(--bg-color);font-family:Inter,SF Pro,sans-serif;color:var(--text-main);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6,p,span,div{color:inherit}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}button:active{transform:scale(.97)}.bottom-sheet{background:var(--panel-bg);color:var(--text-main);border-radius:24px 24px 0 0;box-shadow:var(--shadow);padding:24px;position:absolute;bottom:0;left:0;right:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease,color .3s ease;max-height:85vh;overflow-y:auto;z-index:20}.bottom-sheet.hidden{transform:translateY(110%)}.card{background:var(--panel-bg);color:var(--text-main);border-radius:12px;border:1px solid var(--border-color);padding:16px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.massive-btn{background:var(--primary);color:#fff;font-size:28px;font-weight:800;border-radius:50%;width:140px;height:140px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #4f46e580;border:6px solid var(--panel-bg);position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.massive-btn.offline{background:#4b5563;box-shadow:0 10px 25px #0003}.action-btn{background:var(--primary);color:#fff;width:100%;padding:18px;border-radius:12px;font-size:16px;font-weight:700;margin-top:16px}.action-btn.success{background:#10b981}@keyframes pulse-ring{0%{transform:scale(.98);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1);box-shadow:0 0 0 20px #4f46e500}to{transform:scale(.98);box-shadow:0 0 #4f46e500}}.incoming-alert{animation:pulse-ring 2s infinite;border:2px solid var(--primary)}.top-bar{position:absolute;top:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;background:linear-gradient(to bottom,#0009,#0000);pointer-events:none}.top-bar>*{pointer-events:auto}.status-pill{background:var(--panel-bg);color:var(--text-main);padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease}.map-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://upload.wikimedia.org/wikipedia/commons/a/a9/OpenStreetMap_default_map_of_central_London.png);background-size:cover;background-position:center;z-index:1;transition:filter .5s ease}.theme-toggle{background:var(--panel-bg);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-main);box-shadow:0 4px 12px #0000001a;border:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease}@media (max-width: 480px){.massive-btn{width:100px;height:100px;font-size:20px;bottom:24px;border-width:4px}.bottom-sheet{padding:16px;border-radius:16px 16px 0 0}.top-bar{padding:12px 16px}.status-pill{font-size:12px;padding:6px 12px}.action-btn{padding:14px;font-size:14px}.card{padding:12px}}