:root{--fill-accent:#378add;--bg-warning:#fcd34d;--bg-success:#14b8a6;--bg-danger:#ef4444;--bg-info:#3b82f6;--surface-0:#fff;--surface-1:#f9fafb;--surface-2:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb}html,body{height:100%;margin:0;padding:0}body{color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-shell{position:fixed;inset:0}.map{isolation:isolate;z-index:0;position:absolute;inset:0}.lang-switcher{top:12px;z-index:60;background:#ffffffeb;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;inset-inline-end:12px;box-shadow:0 1px 4px #00000026}.lang-btn{min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 14px}.lang-btn[aria-pressed=true]{background:var(--fill-accent);color:#fff}.map .leaflet-top{top:76px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-status{top:12px;z-index:30;max-width:calc(100vw - 240px);min-height:36px;color:var(--text-secondary);box-sizing:border-box;background:#fffffff0;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex;position:fixed;inset-inline-start:12px;box-shadow:0 1px 4px #00000026}.mode-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-out infinite mode-pulse}.mode-dot.mode-passenger{background:var(--bg-warning);--pulse:#fcd34db3}.mode-dot.mode-tracker{background:var(--bg-success);--pulse:#14b8a699}@keyframes mode-pulse{0%{box-shadow:0 0 0 0 var(--pulse)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.mode-dot,.ride-pulse{animation:none}}.mode-ride{color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.menu{inset-inline:0;z-index:30;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;border-radius:16px 16px 0 0;flex-direction:column;transition:height .2s;display:flex;position:fixed;bottom:0;box-shadow:0 -1px 8px #0000001f}.menu-dragging{transition:none}.menu-handle{cursor:grab;touch-action:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.menu-grip{background:var(--border);border-radius:2px;width:40px;height:4px}.menu-content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 16px 12px;display:flex;overflow-y:auto}.menu-fab-slot{bottom:calc(100% + 16px);position:absolute;inset-inline-end:16px}.mode-sep{color:var(--text-muted)}.mode-warning{background:var(--surface-2);color:var(--text-secondary);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.mode-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mode-fab{background:var(--fill-accent);color:#fff;width:56px;height:56px;font:inherit;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:600;display:flex;box-shadow:0 2px 8px #0003}.mode-fab[aria-disabled=true]{opacity:.6}.btn{border:1px solid var(--border);background:var(--surface-0);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:0 16px}.btn-primary{border-color:var(--fill-accent);background:var(--fill-accent);color:#fff}.btn-small{min-height:36px;padding:0 12px;font-size:13px}.launch-overlay{z-index:50;background:#1118278c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.launch-card{background:var(--surface-0);border-radius:16px;width:min(440px,100%);padding:24px;box-shadow:0 10px 40px #0000004d}.launch-card h1{margin:0 0 12px;font-size:20px}.launch-card p{color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.launch-actions,.passenger,.line-picker{flex-direction:column;gap:8px;display:flex}.field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.field select,.field input{border:1px solid var(--border);background:var(--surface-0);min-height:44px;color:var(--text-primary);font:inherit;border-radius:8px;padding:0 12px;font-size:15px}.picker-row{gap:8px;display:flex}.field-governorate{flex:0 40%;min-width:0}.field-search{flex:60%;min-width:0}.line-section{color:var(--text-secondary);margin:4px 0 0;font-size:13px;font-weight:600}.line-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.line-option{border:1px solid var(--border);background:var(--surface-1);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;align-items:baseline;gap:6px;padding:0 12px;display:inline-flex}.line-option[aria-pressed=true]{border-color:var(--fill-accent);background:var(--fill-accent);color:#fff}.line-label{font-weight:700}.line-name{opacity:.8;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.hint{color:var(--text-secondary);margin:0;font-size:13px}.ride-status{flex-direction:column;gap:8px;display:flex}.ride-live{align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.ride-pulse{background:var(--bg-warning);--pulse:#fcd34dcc;border-radius:50%;width:12px;height:12px;animation:1.4s ease-out infinite mode-pulse}.ride-pulse-small{align-self:center;width:8px;height:8px}.ride-pulse-starting,.ride-pulse-stopping{background:var(--text-muted);animation:none}.ride-line{color:var(--text-secondary);margin:0}.ride-bus{flex-wrap:wrap;gap:16px;margin:0;display:flex}.ride-bus dt{color:var(--text-secondary);font-size:12px}.ride-bus dd{margin:0;font-weight:600}.ride-problem{border:1px solid var(--bg-danger);background:#fef2f2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}