:root{--bg:#0d0813;--panel:#181020;--panel2:#21152d;--text:#f7f4fb;--muted:#a99db5;--purple:#9d4edd;--purple2:#6d28d9;--green:#4ade80;--border:#33243f;--shadow:0 16px 40px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;background:radial-gradient(circle at top right,#251038 0,transparent 35%),var(--bg)}button,input{font:inherit}.app-shell{max-width:780px;margin:auto;min-height:100vh;padding-bottom:92px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top)) 18px 14px}.topbar h1{margin:2px 0 0;font-size:28px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#c9a7ea;font-weight:800}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:white;font-size:20px}.screen{display:none;padding:8px 16px 24px}.screen.active{display:block}.hero-card{background:linear-gradient(145deg,#2b1740,#15101d);border:1px solid #4a2a64;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.hero-card h2{font-size:30px;line-height:1.05;margin:16px 0 8px}.hero-card p{color:var(--muted);line-height:1.5;margin:0 0 18px}.hero-card.compact h2{font-size:25px;margin-top:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-weight:800;border-radius:14px;padding:14px 18px;box-shadow:0 10px 24px rgba(109,40,217,.3)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.stats-grid article{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px}.stats-grid span,.condition-list span{display:block;color:var(--muted);font-size:12px}.stats-grid strong{display:block;margin-top:7px;font-size:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 12px}.section-title h2,.section-title h3{margin:3px 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:1px solid var(--border);background:var(--panel);color:#fff;border-radius:18px;padding:20px 12px;font-size:24px}.quick-grid span{display:block;font-size:13px;margin-top:8px;font-weight:700}.alert-card{display:flex;gap:14px;align-items:center;background:#20151b;border:1px solid #4e3136;border-radius:18px;padding:16px;margin-top:14px}.alert-card p{color:var(--muted);font-size:13px;margin:3px 0}.route-controls{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:14px}.route-controls input,dialog input{width:100%;background:#0f0a15;border:1px solid var(--border);color:white;border-radius:13px;padding:14px;margin-bottom:10px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.chip{white-space:nowrap;border:1px solid var(--border);background:#120c18;color:#cfc3d8;border-radius:999px;padding:9px 12px}.chip.active{background:#6d28d9;border-color:#8b5cf6;color:white}#mapView{height:390px;border-radius:22px;margin-top:12px;overflow:hidden;border:1px solid var(--border)}.route-summary{display:flex;justify-content:space-between;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;margin-top:10px}.route-summary span{color:var(--muted);font-size:13px;text-align:right}.weather-main{display:flex;gap:18px;align-items:center;background:linear-gradient(145deg,#2f1a44,#17101f);border:1px solid #49325d;border-radius:24px;padding:22px}.weather-main>span{font-size:54px}.weather-main strong{font-size:48px}.weather-main p{margin:2px 0;color:var(--muted)}.condition-list,.maintenance-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;margin-top:12px;padding:4px 16px}.condition-list div,.maintenance-card div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}.condition-list div:last-child,.maintenance-card div:last-child{border-bottom:0}.forecast{display:flex;gap:10px;overflow-x:auto;margin-top:12px}.forecast article{min-width:100px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;text-align:center}.forecast span{display:block;color:var(--muted);font-size:12px}.group-panel{background:var(--panel2);border:1px solid #5d3a76;border-radius:18px;padding:18px;text-align:center;margin-top:12px}.group-panel strong{display:block;font-size:32px;letter-spacing:.2em;margin:8px}.group-panel button{background:none;border:0;color:#d7b9f4}.hidden{display:none}.feature-list{margin-top:14px}.feature-list>div{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;margin-bottom:10px;font-size:24px}.feature-list span{font-size:14px}.feature-list small{display:block;color:var(--muted);margin-top:3px}.bike-card{background:linear-gradient(145deg,#24142f,#15101d);border:1px solid #49305a;border-radius:22px;padding:18px;margin-bottom:12px}.bike-card h3{margin:0 0 6px}.bike-card p{margin:0;color:var(--muted)}.maintenance-card h3{margin-bottom:4px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,780px);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(17,10,24,.94);backdrop-filter:blur(18px);border-top:1px solid var(--border);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:999}.bottom-nav button{border:0;background:none;color:#8f829a;font-size:18px}.bottom-nav button.active{color:#c084fc}.bottom-nav span{display:block;font-size:10px;margin-top:3px}dialog{width:min(92vw,420px);background:var(--panel);color:white;border:1px solid var(--border);border-radius:22px;padding:20px}dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{border:0;border-radius:12px;padding:12px 16px}.leaflet-control-attribution{font-size:8px}@media(min-width:700px){.stats-grid{grid-template-columns:repeat(4,1fr)}.quick-grid{grid-template-columns:repeat(4,1fr)}}
.route-type-toggle{display:grid;grid-template-columns:1fr 1fr;background:#0f0a15;border:1px solid var(--border);border-radius:14px;padding:4px;margin-bottom:10px}.route-type{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:10px;font-weight:800}.route-type.active{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}.roundtrip-controls{background:#120c18;border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px}.roundtrip-controls label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.roundtrip-controls input{margin:10px 0 6px;accent-color:var(--purple);padding:0}.secondary{border:1px solid #57376c;background:#21152d;color:#e8d9f5;font-weight:750;border-radius:13px;padding:12px 14px}.route-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.route-actions button{font-size:12px;padding:11px 7px}.mini-list{margin-top:10px}.mini-list>div{display:flex;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:7px}.mini-list span{color:var(--muted);font-size:12px}.group-setup{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:14px;margin-top:12px}.group-setup input{width:100%;background:#0f0a15;border:1px solid var(--border);color:white;border-radius:13px;padding:14px;margin-bottom:9px}.group-setup>.primary{width:100%}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.join-row input{margin:0}.group-setup small{display:block;color:var(--muted);line-height:1.4;margin-top:10px}.inline-actions{display:flex;justify-content:center;gap:8px}.inline-actions button{border:1px solid var(--border)!important;border-radius:10px!important;padding:8px 11px!important}.connection-status{color:var(--green);font-size:12px;margin-top:12px}#groupMap{height:290px;border-radius:20px;margin-top:12px;border:1px solid var(--border);overflow:hidden}.rider-roster{display:flex;gap:8px;overflow:auto;margin-top:10px}.rider-roster>div{min-width:125px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:11px}.rider-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.rider-roster small{display:block;color:var(--muted);margin-top:5px}.group-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.group-actions button{border:1px solid var(--border);background:var(--panel);color:white;border-radius:14px;padding:13px 8px;font-weight:700}.group-actions .danger{grid-column:1/-1;background:#35131c;border-color:#7f1d2d;color:#fecdd3}.group-feed{margin-top:12px}.feed-item{display:flex;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:11px;margin-bottom:7px;font-size:13px}.feed-item strong{color:#c9a7ea;white-space:nowrap}.feed-item.emergency{background:#35131c;border-color:#7f1d2d}.tool-strip{display:flex;gap:8px;overflow-x:auto}.tool-strip button{white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:#fff;border-radius:14px;padding:13px}.check-item{display:flex;gap:10px;align-items:center;background:#120c18;border:1px solid var(--border);border-radius:12px;padding:13px;margin:8px 0}.check-item input{width:auto;margin:0;accent-color:var(--purple)}button:disabled{opacity:.6}.leaflet-tooltip{background:#1d1228!important;color:white!important;border-color:#6d28d9!important;box-shadow:none!important}
@media(max-width:390px){.route-actions{grid-template-columns:1fr}.group-actions{grid-template-columns:1fr}.group-actions .danger{grid-column:auto}}

.surface-badge{margin-top:10px;padding:10px 12px;border-radius:12px;background:#15101d;border:1px solid var(--border);font-size:12px;color:var(--muted)}.surface-badge.verified{background:#10251b;border-color:#276749;color:#b7f7cf}.surface-badge.blocked{background:#35131c;border-color:#7f1d2d;color:#fecdd3}.ride-lab{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;margin-top:12px}.ride-lab h3{margin:0 0 10px}.fuel-row{display:grid;grid-template-columns:1fr auto;gap:8px}.fuel-row input{background:#0f0a15;border:1px solid var(--border);color:#fff;border-radius:12px;padding:12px;min-width:0}.ride-lab>strong{display:block;color:#c9a7ea;font-size:13px;margin-top:10px}.paved-note{background:#10251b;border-color:#276749}
.gps-banner{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:0 0 14px;border:1px solid rgba(168,85,247,.28);border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(17,12,28,.88))}.gps-banner>div{min-width:0;flex:1}.gps-banner strong,.gps-banner small{display:block}.gps-banner small{opacity:.68;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gps-banner button{border:0;border-radius:12px;padding:9px 12px;background:rgba(255,255,255,.1);color:#fff}.pulse-dot{width:11px;height:11px;border-radius:50%;background:#a855f7;box-shadow:0 0 0 0 rgba(168,85,247,.5);animation:pulse 1.8s infinite}.gps-banner.ready .pulse-dot{background:#36d399}.gps-banner.error .pulse-dot{background:#fb7185}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(168,85,247,0)}100%{box-shadow:0 0 0 0 rgba(168,85,247,0)}}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.smart-grid button{min-height:100px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.045);color:#fff;padding:14px}.smart-grid b,.smart-grid span,.smart-grid small{display:block}.smart-grid b{font-size:24px;margin-bottom:8px}.smart-grid span{font-weight:800}.smart-grid small{opacity:.6;margin-top:4px}.ride-history{display:grid;gap:8px}.ride-history .empty{opacity:.6}.ride-history-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ride-history-item:last-child{border-bottom:0}.ride-history-item small{display:block;opacity:.6;margin-top:3px}
.simple-ride-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 15% 0,#4c1d75 0,transparent 45%),linear-gradient(145deg,#21122e,#120c18);border:1px solid #55346f;border-radius:26px;padding:22px;margin-bottom:12px}.simple-ride-card>div{display:grid}.simple-ride-card strong{font-size:46px;line-height:1;margin:10px 0 6px}.simple-ride-card small{color:var(--muted)}.live-pill{font-size:10px;letter-spacing:.16em;color:#d8b4fe;font-weight:900}.ride-button{width:92px;height:92px;border-radius:50%;border:0;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(124,58,237,.35)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats>div{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:12px 10px;min-width:0}.mini-stats span,.mini-stats b{display:block}.mini-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.mini-stats b{font-size:13px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.home-actions button{min-height:82px;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:#fff}.home-actions b,.home-actions span{display:block}.home-actions b{font-size:22px;margin-bottom:7px}.home-actions span{font-size:11px;font-weight:800}.home-actions .sos-action{background:#35131c;border-color:#7f1d2d}.advanced-drawer{background:var(--panel);border:1px solid var(--border);border-radius:18px;margin-top:12px;padding:0 14px}.advanced-drawer summary{padding:15px 0;font-weight:800;color:#d8c8e5;cursor:pointer}.advanced-drawer .tool-strip,.advanced-drawer .ride-lab{margin:0 0 14px}.fuel-result{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;margin-top:9px;color:#c9a7ea;font-size:13px}@media(max-width:360px){.simple-ride-card strong{font-size:38px}.ride-button{width:78px;height:78px}.home-actions{grid-template-columns:repeat(2,1fr)}}

.open-route-results{display:grid;gap:10px;margin:12px 0}.open-route-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;text-align:left;color:inherit}.open-route-card strong{display:block;font-size:15px}.open-route-card span{display:block;color:#b9adc8;font-size:12px;margin-top:4px}.open-route-card small{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(159,81,255,.16);color:#d9bfff}.open-route-results .result-title{display:flex;justify-content:space-between;align-items:center}.open-route-results .result-title b{font-size:14px}.open-route-results .result-title span{font-size:11px;color:#a99ab8}