:root{--bg: #1c1c1e;--card: #2c2c2e;--text: #f2f2f7;--muted: #8e8e93;--green: #0F9D58;--amber: #f59e0b;--red: #ef4444;--radius: 16px}body[data-theme=light]{--bg: #f2f2f7;--card: #ffffff;--text: #111827;--muted: #6b7280}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header h1{font-size:22px;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.refresh-btn{background:var(--card);border:none;border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;line-height:1}.lang-switch select{background:var(--card);color:var(--text);border:none;border-radius:10px;padding:6px 10px;font-size:14px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}select,input{width:100%;background:var(--bg);color:var(--text);border:1px solid #3a3a3c;border-radius:12px;padding:12px;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{flex:1;min-width:64px;text-align:center;padding:10px;background:var(--bg);border:1px solid #3a3a3c;border-radius:12px;font-size:14px;cursor:pointer}.chip.active{border-color:var(--green);color:var(--green)}.chip.on{border-color:var(--green);background:#22c55e1f;color:var(--green)}.chip.disabled{opacity:.4;pointer-events:none}.vclass-chips{margin-top:8px}.hint-banner.amber{border-color:var(--amber);color:var(--amber)}.nav-hint{position:absolute;top:8px;right:8px;z-index:5;cursor:pointer;background:var(--green);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:20px;box-shadow:0 2px 6px #00000059}.nav-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000}.nav-map{position:absolute;top:0;right:0;bottom:0;left:0}.nav-top{position:absolute;top:0;left:0;right:0;z-index:2;padding:16px;background:#1c1c1ef0;color:#fff}.nav-step{font-size:17px;font-weight:600;line-height:1.3}.nav-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:12px 16px;background:#1c1c1ef0;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-eta{font-size:14px}.pax-screen{position:fixed;top:54px;left:0;right:0;bottom:0;overflow:hidden}.map-full{position:absolute;top:0;right:0;bottom:0;left:0}.map-full>div{width:100%;height:100%}.pax-screen .center-pin{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-100%)}.loc-btn{position:absolute;right:14px;z-index:30;width:46px;height:46px;bottom:calc(26vh + 16px);border-radius:50%;border:none;background:#fff;color:var(--green);font-size:22px;box-shadow:0 3px 10px #00000040;cursor:pointer}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;touch-action:none;background:#fff;color:#111;border-radius:20px 20px 0 0;cursor:grab;box-shadow:0 -6px 24px #0000002e;display:flex;flex-direction:column;will-change:transform}.sheet:active{cursor:grabbing}.sheet-grip{width:44px;height:5px;border-radius:3px;background:#d4d7dd;margin:10px auto 8px;flex:0 0 auto}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px calc(34px + env(safe-area-inset-bottom,0px))}.sheet .card{background:#f6f7f9;border:1px solid #EAECEF;color:#111}.sheet .addr{color:#111}.sheet .addr.picker.on{background:#22c55e1a;border-color:var(--green)}.sheet select,.sheet input{background:#fff;color:#111;border:1px solid #dfe2e7}.sheet .chip{background:#fff;border:1px solid #dfe2e7;color:#111}.sheet .chip.on{border-color:var(--green);background:#22c55e1a;color:#16a34a}.sheet label{color:#6b7280}.sheet .price{color:#16a34a}.sheet .fare-details{color:#6b7280}.sheet .hint-banner{background:#f6f7f9;border-color:#eaecef;color:#374151}.sheet .error{background:#fef2f2;color:#b91c1c}.sheet .map-search{margin-bottom:10px}.sheet .btn-primary{border-radius:14px;font-size:16px;font-weight:600;box-shadow:0 2px 8px #22c55e59}.pax-bg{background:linear-gradient(160deg,#1c1c1e,#2a2a2e)}.order-status{display:flex;align-items:center;gap:10px;padding:2px 2px 12px}.os-icon{font-size:22px}.os-label{font-size:17px;font-weight:700;color:#111}.order-status.green .os-label{color:#16a34a}.order-status.amber .os-label{color:#b45309}.order-status.red .os-label{color:#b91c1c}.pulse-dots{display:inline-flex;gap:4px;margin-left:auto}.pulse-dots i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1s infinite}.pulse-dots i:nth-child(2){animation-delay:.2s}.pulse-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.driver-hero{display:flex;align-items:center;gap:12px;padding:12px;background:#f6f7f9;border:1px solid #EAECEF;border-radius:14px;margin-bottom:10px}.avatar{width:56px;height:56px;border-radius:50%;flex:0 0 auto;overflow:hidden;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.avatar img{width:100%;height:100%;object-fit:cover}.dh-main{flex:1;min-width:0}.dh-name{font-weight:600;font-size:16px;color:#111}.dh-rating{color:#f59e0b;font-size:13px}.dh-car{color:#374151;font-size:13px}.dh-plate{color:#6b7280;font-size:12px}.dh-eta{text-align:right;flex:0 0 auto}.eta-big{font-size:24px;font-weight:700;color:#16a34a;line-height:1.1}.eta-big small{font-size:12px;font-weight:400;color:#6b7280}.eta-dist{font-size:12px;color:#6b7280}.drv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drv-online{font-size:16px;font-weight:700;color:#6b7280}.drv-online.on{color:#16a34a}.drv-gps{font-size:13px}.drv-stats{display:flex;gap:12px;margin-bottom:14px}.drv-stat{flex:1;background:#f6f7f9;border:1px solid #EAECEF;border-radius:14px;padding:14px;text-align:center}.ds-val{font-size:26px;font-weight:700;color:#111}.ds-val small{font-size:13px;font-weight:400;color:#6b7280}.ds-lbl{font-size:12px;color:#6b7280;margin-top:2px}.waiting{text-align:center;color:#6b7280;padding:16px 0;display:flex;align-items:center;justify-content:center;gap:8px}.trip-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#374151;font-size:13px;margin:6px 2px 12px}.price{font-size:32px;font-weight:700;color:var(--green)}.price small{font-size:15px;color:var(--muted);font-weight:400}.fare-details{margin-top:10px;display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:14px}.map{width:100%;height:240px;border-radius:12px;overflow:hidden}.map-lg{height:300px;margin-bottom:12px}.hint-banner{background:var(--card);border:1px solid #3a3a3c;color:var(--text);border-radius:12px;padding:10px;margin-bottom:10px;font-size:13px;text-align:center}.poi-label{color:var(--muted);font-size:13px;margin:4px 0 8px}.map-wrap{position:relative}.center-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);font-size:34px;pointer-events:none;z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.center-pin.pickup{filter:drop-shadow(0 0 0 var(--green)) hue-rotate(80deg)}.addr.picker{cursor:pointer;padding:8px;border-radius:8px;border:1px solid transparent}.addr.picker.on{border-color:var(--green);background:#22c55e14}.map-search{width:100%;margin-bottom:10px}.poi-chips{margin-bottom:12px;overflow-x:auto;flex-wrap:nowrap}.poi-chips .chip{flex:0 0 auto}.addr-card{display:flex;flex-direction:column;gap:8px}.addr{display:flex;align-items:center;gap:8px;font-size:14px}.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.btn{width:100%;padding:16px;border:none;border-radius:var(--radius);font-size:17px;font-weight:600;cursor:pointer;margin-top:4px}.btn-primary{background:var(--green);color:#05230f}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn:disabled{opacity:.5}.status{text-align:center;padding:24px 0}.status .icon{font-size:48px}.status .label{font-size:20px;font-weight:600;margin-top:12px}.status .amber{color:var(--amber)}.status .green{color:var(--green)}.status .red{color:var(--red)}.driver-card{display:flex;flex-direction:column;gap:4px}.driver-card .name{font-size:18px;font-weight:600}.driver-card .car{color:var(--muted)}.error{color:var(--red);font-size:14px;margin:8px 0}.stars{display:flex;gap:8px;justify-content:center;font-size:32px}.stars span{cursor:pointer;opacity:.4}.stars span.on{opacity:1}.welcome{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:70px}.welcome-logo{font-size:72px}.welcome-title{font-size:26px;font-weight:700;margin-bottom:8px}.welcome .role-btn{width:100%}.role-pick{display:flex;flex-direction:column;gap:14px;margin-top:40px}.role-btn{padding:22px;font-size:19px}.role-driver{background:var(--card);color:var(--text);border:1px solid #3a3a3c}.link-back{position:fixed;top:60px;left:12px;z-index:60;background:#fff;color:#111;border:none;border-radius:20px;padding:9px 15px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #00000047;cursor:pointer}.btn-loc{background:var(--card);color:var(--green);border:1px solid var(--green);margin-bottom:10px}.hint{color:var(--muted);font-size:13px;margin-bottom:8px}.nav-bottom.nav-trip{flex-direction:column;align-items:stretch;gap:10px}.nav-trip .nav-eta{font-size:14px}.nav-actions{display:flex;gap:8px}.nav-actions .btn{flex:1;width:auto;margin:0}.nav-links{display:flex;justify-content:center;gap:22px;padding:2px 0 4px}.nav-links span{color:#cbd5e1;font-size:13px;text-decoration:underline;cursor:pointer}.nav-links:empty{display:none}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:200;max-width:86vw;background:#111827f2;color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000059;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);animation:splash-in .3s ease}.splash img{width:96px;height:96px;border-radius:26px;animation:splash-pulse 1.4s ease-in-out infinite}.splash .splash-name{font-size:24px;font-weight:800;letter-spacing:.3px}.splash .splash-sub{font-size:13px;color:var(--muted)}@keyframes splash-in{0%{opacity:0}to{opacity:1}}@keyframes splash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.thanks{text-align:center;padding:8px 0 4px}.thanks .thanks-icon{font-size:44px;animation:splash-pulse 1.6s ease-in-out infinite}.thanks h3{margin:8px 0 2px;font-size:20px;font-weight:800}.thanks .thanks-sub{color:var(--muted);font-size:13px;margin-bottom:6px}.hist-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.15);font-size:14px}.hist-item:last-child{border-bottom:none}.hist-route{flex:1;min-width:0}.hist-route .to{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-price{font-weight:700;white-space:nowrap}.hist-status{font-size:11.5px;color:var(--muted)}.link-history{display:inline-block;text-align:center;color:var(--muted);font-size:13.5px;text-decoration:underline;padding:12px 8px;cursor:pointer}.map-search{position:relative}.map-search gmp-place-autocomplete{display:block;width:100%;color-scheme:light;--gmp-mat-color-surface: #ffffff;--gmp-mat-color-on-surface: #1F2937;--gmp-mat-color-on-surface-variant: #9CA3AF;--gmp-mat-color-primary: #0F9D58;border-radius:16px;box-shadow:0 4px 14px #11182714}.map-search .map-search-input{display:block;width:100%;height:56px;box-sizing:border-box;border-radius:16px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 4px 14px #11182714;padding:0 16px 0 48px;color:#1f2937;font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230F9D58" stroke-width="2.4" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></svg>');background-repeat:no-repeat;background-position:18px center;background-size:20px}.map-search .map-search-input::placeholder{color:#9ca3af}.map-search .map-search-input:focus{border-color:#0f9d58;box-shadow:0 0 0 3px #0f9d5824,0 4px 14px #11182714}.search-suggest{display:none;position:absolute;left:0;right:0;top:60px;z-index:50;background:#fff;border:1px solid #E5E7EB;border-radius:14px;box-shadow:0 10px 28px #11182729;overflow:hidden}.suggest-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #F1F2F4}.suggest-item:last-child{border-bottom:none}.suggest-item:active{background:#f0fdf6}.suggest-item b{display:block;color:#1f2937;font-size:15px;font-weight:600}.suggest-item span{display:block;color:#9ca3af;font-size:12.5px;margin-top:1px}.detect-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:30;background:#111827e6;color:#fff;font-size:13px;font-weight:600;padding:9px 15px;border-radius:20px;box-shadow:0 4px 12px #0000004d;animation:toast-in .25s ease;white-space:nowrap}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;animation:toast-in .2s ease}.modal-card{width:100%;max-width:400px;background:#fff;color:#111;border-radius:18px;padding:18px;box-shadow:0 16px 48px #00000059}.modal-card .success{background:#ecfdf5;color:#047857;padding:10px 12px;border-radius:10px}.support-text{width:100%;box-sizing:border-box;border:1px solid #E5E7EB;border-radius:12px;padding:12px;font-size:16px;font-family:inherit;color:#1f2937;background:#fff;resize:none;outline:none;margin-bottom:10px}.support-text:focus{border-color:#0f9d58}.modal-card .btn{width:100%}