/* GYT luxury look (Denzil's palette, used with restraint; 21 Oct 2026). Deep purple-navy base, the purple->blue gradient only as an accent,
   soft cyan #7FE3FF + lavender #C9B6FF, white text. System fonts only (no download). */
:root{--g0:#120A24;--g1:#1A1440;--gyt-p:#42084F;--gyt-b1:#1A276D;--gyt-b2:#182B6F;--gyt-c:#7FE3FF;--gyt-l:#C9B6FF;--gyt-grad:linear-gradient(135deg,#42084F 0%,#1A276D 62%,#182B6F 100%);--acc:linear-gradient(90deg,#C9B6FF,#7FE3FF);
  --sheet:#140C2C;--card:rgba(255,255,255,.045);--line:rgba(255,255,255,.08);--mute:#b9b2d6;--yellow:#7FE3FF;--blue:#7FE3FF}
html body,html body button,html body input,html body select,html body textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html body{background:var(--g0);color:#fff;letter-spacing:-.005em}
html body #map,html body .leaflet-container{background:#0d0820}
html body .dark-tiles{filter:invert(1) hue-rotate(205deg) brightness(.55) contrast(1.1) saturate(.45)}
html body .sheet{background:radial-gradient(130% 55% at 50% -12%,rgba(66,8,79,.6),rgba(66,8,79,0) 62%),linear-gradient(180deg,#140C2C 0%,#1A1440 100%);border-top:1px solid rgba(201,182,255,.14);box-shadow:0 -18px 50px rgba(5,2,18,.7);padding-left:18px;padding-right:18px}
html body .sheet .grab{background:rgba(255,255,255,.22)}
html body .sheet h2{font-size:30px;font-weight:800;letter-spacing:-.035em;margin:0 0 14px}
html body .greet-sub{margin:4px 0 2px;font-size:14px;color:var(--mute);font-weight:500}
html body .brandpill,html body .status-pill,html body .fab{background:rgba(18,10,36,.88);border:1px solid rgba(201,182,255,.18);color:#fff;box-shadow:0 8px 28px rgba(5,2,18,.55),0 0 0 1px rgba(255,255,255,.02) inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body .brandpill b{background:var(--acc);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body .brandpill small{color:var(--mute)!important}
html body .whereto,html body .inp,html body .fare-box,html body .fld,html body .wsel,html body .pax,html body .plbox{background:var(--card);border:1px solid var(--line);color:#fff;border-radius:14px}
html body .fld,html body .wsel{min-height:48px}
html body .inp:focus-within,html body .fld:focus{border-color:rgba(127,227,255,.55);box-shadow:0 0 0 3px rgba(127,227,255,.12)}
html body .whereto .now,html body .recent .ic,html body .btn2{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff}
html body .chip{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font-weight:600}
html body .chip.on,html body .plbox .plp span.on{background:#fff;color:#2A0F4F;border-color:#fff}
html body .recent{border-bottom-color:rgba(255,255,255,.07)}
html body .recent span,html body .mute,html body label.l,html body .route-sum,html body .lmh{color:var(--mute)}
html body .inp input::placeholder,html body .fld::placeholder{color:rgba(255,255,255,.5)}
html body .inp .hno{border-left-color:rgba(255,255,255,.1)}html body .inp .hno.ok{color:var(--mute)}
html body .inp button,html body .addstop{color:var(--gyt-c)}
html body .inputs:before{background:linear-gradient(180deg,#fff,rgba(201,182,255,.6))}
html body .inp.stop:before{background:var(--gyt-l)}
html body .hrs{color:var(--gyt-l)}
html body .lm button{border:1px solid var(--line);color:#e9e5f7;background:rgba(255,255,255,.03)}
html body option{color:#1A1440;background:#fff}
/* car choice: horizontal cards with icon, seats and price */
html body .cars{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}
html body .car-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:18px;padding:10px 14px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#fff;min-height:62px;transition:border-color .15s,box-shadow .15s,background .15s}
html body .car-opt .co-ic{flex:none}
html body .car-opt .co-mid{flex:1;min-width:0}html body .car-opt .co-mid b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}
html body .car-opt .co-mid small{display:block;font-size:13px;color:var(--mute);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .car-opt .co-p{font-size:18px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
html body .car-opt.on{background:linear-gradient(135deg,rgba(66,8,79,.55),rgba(26,39,109,.55));border-color:rgba(201,182,255,.85);box-shadow:0 0 0 3px rgba(127,227,255,.16),0 10px 30px rgba(5,2,18,.45);color:#fff}
html body .car-opt.on .co-p{color:var(--gyt-c)}
/* buttons: one primary accent (Book GYT), the rest white with purple text */
html body .cta{background:#fff;color:#2A0F4F;border-radius:999px;font-weight:800;letter-spacing:-.01em}
html body .cta.book-cta{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 6px);z-index:6;background:var(--acc);color:#160C33;font-size:19px;padding:18px;box-shadow:0 12px 34px rgba(127,227,255,.22),0 0 0 6px rgba(20,12,44,.9)}
html body .cta.black{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
html body .cta.red{background:rgba(255,255,255,.05);color:#ffb8c6;border:1px solid rgba(255,184,198,.25)}
html body .cta.green{background:#25d366;color:#04210f}
html body .fare-box{background:linear-gradient(135deg,rgba(66,8,79,.35),rgba(26,39,109,.35));border-color:rgba(201,182,255,.22)}
html body .fare-box b{color:#fff;font-size:24px}
html body .peak-tag{background:rgba(127,227,255,.14);color:var(--gyt-c);border:1px solid rgba(127,227,255,.45);border-radius:999px;padding:2px 8px}
html body .banner{background:var(--acc);color:#160C33}
html body .banner.green{background:#25d366;color:#04210f}
html body .searching .bar{background:rgba(255,255,255,.1)}html body .searching .bar i{background:var(--acc)}
html body .stars button{color:rgba(255,255,255,.22)}html body .stars button.on{color:var(--gyt-c)}
html body .lic,html body .lic a{color:#8f88b0}
html body .err{color:#ffb8c6}
/* driver details: premium card */
html body .drv{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 30px rgba(5,2,18,.35)}
html body .avatar{background:var(--gyt-grad);color:#fff;border:1.5px solid rgba(201,182,255,.6);font-weight:800}
html body .plate{background:#fff;color:#120A24;border-color:#C9B6FF}
html body .eta-big{background:var(--acc);-webkit-background-clip:text;background-clip:text;color:transparent}
/* driver app */
html body .go{background:#fff;color:#2A0F4F;border:4px solid rgba(201,182,255,.9);box-shadow:0 0 0 8px rgba(127,227,255,.12),0 10px 30px rgba(5,2,18,.6)}
html body .go.off{background:#e11900;color:#fff;border-color:#fff}
html body .accept{background:var(--acc);color:#160C33;border-radius:999px}
html body .offer{background:radial-gradient(120% 50% at 50% 0%,rgba(66,8,79,.6),rgba(66,8,79,0) 60%),rgba(16,9,36,.985)}
html body .login{background:radial-gradient(120% 60% at 50% 0%,rgba(66,8,79,.7),rgba(66,8,79,0) 60%),linear-gradient(180deg,#120A24,#1A1440)}
html body .leg,html body .stat{border-top-color:rgba(255,255,255,.07)}
html body .wa-note{background:rgba(37,211,102,.1);color:#dcfbe8;border:1px solid rgba(37,211,102,.25)}
html body .recent.plr .ic{background:rgba(127,227,255,.14)}
html body .m-tag{background:#120A24;border:1px solid rgba(201,182,255,.3)}
html body .dot.on{background:#7FE3FF;box-shadow:0 0 0 4px rgba(127,227,255,.2)}
html body .near{margin:-2px 0 12px;font-size:14px;color:#e9e5f7;font-weight:600;display:flex;align-items:center;gap:8px}
html body .near i{width:8px;height:8px;border-radius:50%;background:#7FE3FF;box-shadow:0 0 0 4px rgba(127,227,255,.18);flex:none}
html body .near.none{color:var(--mute);font-weight:500}
html body #whenSel .chip{white-space:nowrap;font-size:14px;padding:10px 12px}

/* GYT alerts (21 Oct 2026): step banner, sound prompt, start code, earnings */
.gyt-banner{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:9998;background:linear-gradient(135deg,#42084F,#1A276D 60%,#182B6F);color:#fff;border:1px solid rgba(201,182,255,.45);border-radius:18px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:translateY(-140%);transition:transform .35s ease;display:flex;flex-direction:column;gap:2px}
.gyt-banner.show{transform:none}.gyt-banner b{font-size:17px}.gyt-banner span{font-size:14px;color:#C9B6FF}
.gyt-banner.green{background:linear-gradient(135deg,#0d5b3a,#1A276D)}.gyt-banner.red{background:linear-gradient(135deg,#7a1630,#42084F)}
.gyt-snd{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:9997;background:#fff;color:#42084F;border-radius:20px;padding:12px 12px 10px;box-shadow:0 12px 36px rgba(0,0,0,.55);display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.gyt-snd p{grid-column:1/3;margin:0;font-size:13px;color:#4a3d66;text-align:center}
.gyt-snd-go{border:0;border-radius:14px;background:linear-gradient(135deg,#42084F,#1A276D);color:#fff;font:800 16px/1 -apple-system,Roboto,sans-serif;padding:14px 10px}
.gyt-snd-x{border:0;background:#efeaf8;color:#42084F;border-radius:12px;width:44px;height:44px;font-size:16px}
.code-box{margin:12px 0 6px;padding:14px;border-radius:18px;background:rgba(127,227,255,.10);border:1.5px dashed #7FE3FF;text-align:center}
.code-box .lbl{font-size:14px;color:#C9B6FF;font-weight:700}.code-box .code{font:900 46px/1.1 ui-monospace,Menlo,monospace;letter-spacing:12px;color:#fff;margin:4px 0 2px;padding-left:12px}
.code-box .hint{font-size:12px;color:rgba(255,255,255,.72)}
.code-in{display:flex;gap:8px;margin:10px 0 4px}.code-in input{flex:1;font:800 28px/1 ui-monospace,Menlo,monospace;letter-spacing:10px;text-align:center;border-radius:14px;border:1.5px solid #C9B6FF;background:rgba(255,255,255,.08);color:#fff;padding:12px 6px;min-width:0}
.code-msg{font-size:13px;margin:4px 0 6px;min-height:16px}.code-msg.err{color:#ffb3c1}.code-msg.warn{color:#ffe08a}.code-msg.ok{color:#7FE3FF}
.earn{margin:8px 0 2px;padding:10px 12px;border-radius:14px;background:rgba(127,227,255,.10);border:1px solid rgba(127,227,255,.35)}
.earn .big{font-size:20px;font-weight:900;color:#7FE3FF}.earn .sm{font-size:12px;color:rgba(255,255,255,.75)}
.today{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.today div{background:rgba(255,255,255,.07);border-radius:12px;padding:8px 6px;text-align:center}.today b{display:block;font-size:18px;color:#fff}.today span{font-size:11px;color:#C9B6FF}
.bonus{margin:8px 0;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(66,8,79,.9),rgba(26,39,109,.9));border:1px solid rgba(201,182,255,.5)}
.bonus b{color:#fff}.bonus .pb{height:10px;border-radius:6px;background:rgba(255,255,255,.15);margin:8px 0 4px;overflow:hidden}.bonus .pb i{display:block;height:100%;background:linear-gradient(90deg,#7FE3FF,#C9B6FF)}
.bonus .sm{font-size:12px;color:#C9B6FF}
.sumcard{position:fixed;inset:0;z-index:9996;background:rgba(5,3,15,.72);display:flex;align-items:flex-end}
.sumcard .in{width:100%;background:#120A24;border-radius:24px 24px 0 0;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:1px solid rgba(201,182,255,.35)}
.sumcard h3{margin:0 0 10px;text-align:center}.sumcard .row2{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.sumcard .you{font-size:24px;font-weight:900;color:#7FE3FF;text-align:center;margin:14px 0 4px}
.wa-hint{font-size:13px;color:#C9B6FF;text-align:center;margin:4px 0 6px}
a.cta.green.wa-dispatch.wa-big{font-size:18px;padding:18px 14px;box-shadow:0 0 0 3px rgba(37,211,102,.35),0 8px 24px rgba(37,211,102,.35)}

.car-thumb{width:84px;height:56px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.car-thumb img{width:100%;height:100%;object-fit:cover}.car-thumb svg{width:60px;height:30px}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.about-line{margin:6px 0 0;font-size:14px;color:#C9B6FF;font-style:italic}

.pf-btn{position:static!important;width:44px;height:44px;font-size:20px}
.extras{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0 0 4px}.extras .addstop{padding:2px 0 4px 0}.extras #addStop{padding-left:24px}
.places{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.places::-webkit-scrollbar{display:none}
.places button{flex:0 0 auto;border:1px solid rgba(201,182,255,.5);background:rgba(201,182,255,.10);color:#fff;border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:700;white-space:nowrap}
.me-line{margin:8px 0 0;font-size:14px;color:#d9d0f5}.me-line button{background:none;border:0;color:#7FE3FF;font-weight:700;font-size:14px;padding:0 4px;min-height:0;width:auto}
.rem{display:flex;align-items:center;gap:8px;margin:8px 0 2px;color:#e5e0f5}.rem input{width:20px;height:20px}
.pl-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pl-row .t{flex:1;min-width:0}.pl-row .t b{display:block}.pl-row .t span{font-size:12.5px;color:#C9B6FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.pl-row button{flex:0 0 auto;border:1px solid rgba(201,182,255,.5);background:none;color:#fff;border-radius:10px;padding:7px 10px;font-size:13px;min-height:0;width:auto}
.sponsor{display:flex;gap:10px;align-items:center;margin:8px 0;padding:10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(201,182,255,.3);color:#fff;text-decoration:none}.sponsor img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff}

.snd-chip{margin-left:8px;border:1px solid rgba(255,255,255,.3);background:rgba(18,10,36,.85);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;min-height:0;width:auto}.snd-chip.on{border-color:#7FE3FF;color:#7FE3FF}
.silent-card{margin:6px 0 8px;padding:12px;border-radius:16px;background:#ffe08a;color:#2a0a33}.silent-card b{font-size:15px}.silent-card .btn2{background:#2a0a33;color:#fff;border:0}
.game{display:flex;gap:12px;align-items:center;margin:8px 0;padding:10px;border-radius:16px;background:rgba(255,255,255,.06)}
.game .ringw{position:relative;width:74px;height:74px;flex:0 0 74px}.game .ringw b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;line-height:1}.game .ringw b small{font-size:10px;color:#C9B6FF;font-weight:600;margin-top:2px}
.game .gi{flex:1;font-size:13px}.game .gi div{margin:2px 0}.badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.badges span{font-size:11.5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.45)}.badges span.got{background:rgba(127,227,255,.18);color:#fff;border:1px solid rgba(127,227,255,.5)}
.lb{margin:6px 0;font-size:13px}.lb div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.perk{display:flex;gap:10px;align-items:center;padding:10px;margin:6px 0;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(201,182,255,.3);color:#fff;text-decoration:none}.perk img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff}.perk span{font-size:13px;color:#C9B6FF;display:block}
.pulse-win{animation:gytpulse 1.2s ease 3}@keyframes gytpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.confetti{position:fixed;top:-12px;width:8px;height:14px;z-index:99990;pointer-events:none;animation:gytfall 2.2s linear forwards}@keyframes gytfall{to{transform:translateY(105vh) rotate(540deg);opacity:.7}}
.snd-chip{white-space:nowrap}

/* 21 Oct 2026: fair-fares line, fuel & car care, Driver Academy, tips */
.fair-line{margin:2px 0 8px;text-align:center;font-size:12px;font-weight:700;color:#7FE3FF;letter-spacing:.1px}
.trust-line{margin:6px 0 2px;text-align:center;font-size:12.5px;font-weight:700;color:#C9B6FF}
.today.t4{grid-template-columns:repeat(4,1fr)}
.today.t4 b{font-size:16px}
.today .tipc b{color:#7CF0B0}
.toptip{margin:2px 0 8px;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(255,224,138,.22),rgba(124,240,176,.16));border:1px solid rgba(255,224,138,.55);font-size:13px;font-weight:800;color:#ffe08a;text-align:center}
.care,.acad{margin:10px 0;padding:12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(201,182,255,.28)}
.care-h,.acad-h{font-size:16px;font-weight:900;color:#fff;margin:0 0 6px}
.care-sec{padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.care-t{font-size:13px;font-weight:800;color:#C9B6FF;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.care-sm{font-size:12px;color:#b9b2d6;margin:4px 0}
.care-warn{color:#ffb4a8}
.care-next{font-size:12.5px;color:#7FE3FF;font-weight:700;margin:6px 0 2px}
.care-fact{font-size:11.5px;color:rgba(255,255,255,.62);margin:6px 0 0;line-height:1.35}
.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.fuel-grid div{background:rgba(127,227,255,.08);border-radius:12px;padding:8px 4px;text-align:center}
.fuel-grid b{display:block;font-size:16px;color:#fff}
.fuel-grid span{font-size:10.5px;color:#C9B6FF}
.st-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.st-row>div{flex:1;min-width:0}
.st-row b{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-row span{font-size:12px;color:#b9b2d6}
.st-p b{color:#ffe08a}
.st-nav{flex:0 0 auto;padding:8px 12px;border-radius:12px;background:rgba(127,227,255,.14);color:#7FE3FF;font-weight:800;font-size:13px;text-decoration:none}
.care-btn{width:100%;margin:8px 0 2px}
.care-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff}
.care-pill.ok{background:#1f8a5a}
.chk{display:flex;flex-wrap:wrap;gap:6px}
.chk-i{flex:1 1 30%;min-height:40px;border-radius:12px;border:1px solid rgba(201,182,255,.35);background:rgba(255,255,255,.04);color:#fff;font:700 13px system-ui,sans-serif;padding:6px}
.chk-i.on{background:rgba(124,240,176,.18);border-color:#7CF0B0;color:#7CF0B0}
.rem-i{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:5px 0;color:#fff}
.rem-i.soft{color:#b9b2d6}
.rem-i.warn{color:#ffe08a}
.rem-i.bad{color:#ff9d8f;font-weight:700}
.link-btn{background:none;border:0;color:#7FE3FF;font-weight:800;font-size:12.5px;padding:0 0 0 4px;text-decoration:underline}
.care-ed summary{font-size:12.5px;color:#7FE3FF;font-weight:700;cursor:pointer;margin:6px 0}
.care-form label{display:block;font-size:12px;color:#C9B6FF;margin:6px 0}
.care-form input{display:block;width:100%;box-sizing:border-box;margin-top:3px;padding:9px 10px;border-radius:10px;border:1px solid rgba(201,182,255,.35);background:rgba(255,255,255,.06);color:#fff;font-size:15px}
.acad{background:linear-gradient(135deg,rgba(66,8,79,.75),rgba(26,39,109,.75))}
.acad-ok{margin:6px 0;padding:8px 10px;border-radius:12px;background:rgba(124,240,176,.16);color:#7CF0B0;font-weight:800;font-size:13px}
.acad-m{margin:6px 0;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06)}
.acad-m summary{font-weight:800;font-size:14px;color:#fff;cursor:pointer}
.acad-m ol{margin:8px 0 0;padding-left:20px;font-size:13px;color:rgba(255,255,255,.88);line-height:1.4}
.acad-m li{margin:4px 0}
.acad-free{font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;background:#7CF0B0;color:#0d2a1c;margin-right:4px;vertical-align:1px}
.acad-i{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.acad-i>div{flex:1}
.acad-i b{display:block;font-size:13.5px;color:#fff}
.acad-i small{font-size:11.5px;color:#C9B6FF}
.acad-i em{font-style:normal;font-size:10.5px;font-weight:900;padding:2px 7px;border-radius:999px;background:rgba(255,224,138,.2);color:#ffe08a}
.acad-price{margin:8px 0 4px;font-size:13px;font-weight:800;color:#fff;text-align:center}
.acad-btn{display:block;text-align:center;text-decoration:none;margin-top:6px}
.trained-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(124,240,176,.18);color:#7CF0B0;font-size:11px;font-weight:800;vertical-align:2px}
.tipbox{margin:12px 0 0;padding:12px;border-radius:16px;background:rgba(124,240,176,.08);border:1px solid rgba(124,240,176,.4)}
.tip-q{margin:0 0 8px;text-align:center;font-weight:800;color:#fff}
.tip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tip-b{min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:800 16px system-ui,sans-serif}
.tip-b.on{background:#1f8a5a;border-color:#7CF0B0}
.tip-other{display:flex;gap:6px;margin-top:8px}
.tip-other .fld{margin:0;flex:1}
.tip-sm{margin:8px 0 0;font-size:12px;text-align:center;color:#b9b2d6}
.tip-sm.ok{color:#7CF0B0;font-weight:700}

/* pickup map picker (Dee, 21 Oct 19:34) */
.pu-tap{cursor:pointer;caret-color:transparent}
.pp{position:fixed;inset:0;z-index:9990;background:#120A24}
#ppMap{position:absolute;inset:0}
.pp-pin{position:absolute;left:50%;top:50%;z-index:500;transform:translate(-50%,-100%);pointer-events:none;transition:transform .15s}
.pp.moving .pp-pin{transform:translate(-50%,-112%)}
.pp-pin i{position:absolute;left:50%;bottom:-4px;width:10px;height:4px;margin-left:-5px;border-radius:50%;background:rgba(0,0,0,.45)}
.pp-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:10px;right:10px;z-index:600;display:flex;gap:8px;align-items:flex-start}
.pp-back{flex:0 0 46px;height:46px;border-radius:50%;border:0;background:#140C2C;color:#fff;font-size:22px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.pp-sbox{flex:1;background:#140C2C;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.4);overflow:hidden}
.pp-sbox input{width:100%;box-sizing:border-box;border:0;background:none;color:#fff;font-size:16px;padding:13px 14px;outline:none}
.pp-sugg .recent{padding:9px 12px;border-top:1px solid rgba(255,255,255,.08)}
.pp-me{position:absolute!important;right:12px;bottom:200px;z-index:600}
.pp-card{position:absolute;left:0;right:0;bottom:0;z-index:600;background:#140C2C;border-radius:22px 22px 0 0;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px);border-top:1px solid rgba(201,182,255,.3)}
.pp-l{font-size:12px;color:#C9B6FF;font-weight:700;margin:0 0 4px}
.pp-card b{display:block;font-size:17px;color:#fff;margin:0 0 10px;min-height:22px}
.pp-warn{margin:-4px 0 10px;font-size:14px;color:#ff5c72;font-weight:800;background:rgba(255,60,90,.12);border:1px solid rgba(255,92,114,.55);border-radius:10px;padding:8px 10px;line-height:1.3}.pu-out{margin:6px 0 4px;cursor:pointer}#ppOk:disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed}#request:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}

/* ===== fast booking (Dee, 21 Oct 20:11): map first, Where to?, cars sheet, details once ===== */
.fb-sheet{max-height:72vh;overflow-y:auto}
.fb-sheet .st-cars{display:none}.fb-sheet[data-stage="cars"] .st-start{display:none}.fb-sheet[data-stage="cars"] .st-cars{display:block}
.fb-sheet #fareBox{display:none}
.pu-line{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:#fff;margin:4px 0 10px;min-height:54px}
.pu-dot{width:10px;height:10px;border-radius:50%;background:#7FE3FF;box-shadow:0 0 0 4px rgba(127,227,255,.18);flex:none}
.pu-t{flex:1;min-width:0}.pu-t small{display:block;font-size:11.5px;color:var(--mute);font-weight:600}.pu-t b{display:block;font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu-ch{font-size:13px;font-weight:700;color:var(--gyt-c,#7FE3FF)}
.where-bar{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:16px;background:#fff;color:#160C33;font-size:21px;font-weight:800;letter-spacing:-.02em;padding:18px 18px;text-align:left;box-shadow:0 12px 34px rgba(127,227,255,.18)}
.where-bar .wb-sq{width:12px;height:12px;background:#160C33;flex:none}.where-bar span:nth-child(2){flex:1}.where-bar .wb-go{font-size:28px;line-height:1;opacity:.6}
.fb-sheet .places{display:flex;gap:8px;overflow-x:auto;margin:12px 0 2px;scrollbar-width:none}.fb-sheet .places::-webkit-scrollbar{display:none}
.fb-sheet .places button{flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:600;white-space:nowrap}
.fb-lic{margin:10px 0 0;font-size:11.5px}
.rs{display:flex;align-items:center;gap:10px;margin:0 0 4px}
.rs-back{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:18px}
.rs-t{flex:1;min-width:0;text-align:left;background:none;border:0;color:#fff;padding:2px 0}
.rs-t span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-pu{font-size:12.5px;color:var(--mute)}.rs-pu:before{content:"● ";color:#7FE3FF}
.rs-do{font-size:16px;font-weight:800}.rs-do:before{content:"■ ";font-size:12px}
.rs-stop{font-size:12px;color:var(--mute)}
.fb-sheet .cars{margin:8px 0 2px}
.fb-sheet .trust-line{margin:4px 0 2px;font-size:12px;text-align:center;color:var(--mute)}
.fb-sheet .extras{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 4px}
.fb-sheet .extras .addstop{padding:6px 0;font-size:13.5px}
.hno-box{display:flex;flex-direction:column;gap:6px}.hno-box .fld:not(.hide){display:block;width:100%;margin:2px 0}
.stop-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:6px 0}
.stop-row .sr-k{width:8px;height:8px;background:#C9B6FF;flex:none}.stop-row .sr-t{flex:1;min-width:0}.stop-row small{display:block;font-size:11px;color:var(--mute)}.stop-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stop-row button{background:none;border:0;color:#ffb8c6;font-size:16px;padding:4px 6px}
.me-line{font-size:13px;margin:8px 0 0;color:var(--mute)}.me-line button{background:none;border:0;color:var(--gyt-c,#7FE3FF);font-weight:700;padding:0 4px}
.wh{position:fixed;inset:0;z-index:60;background:linear-gradient(180deg,#140C2C 0%,#1A1440 100%);display:flex;flex-direction:column}
.wh-top{display:flex;gap:10px;align-items:flex-start;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(5,2,18,.5)}
.wh-back{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:#fff;font-size:18px;margin-top:2px}
.wh-legs{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.wh-pu{text-align:left;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;color:#d9d0f5;padding:11px 12px;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-in{display:flex;align-items:center;background:#fff;border-radius:12px}
.wh-in input{flex:1;min-width:0;border:0;outline:0;background:none;color:#160C33;font-size:17px;font-weight:600;padding:13px 12px}
.wh-in input::placeholder{color:#6b6390}
.wh-x{border:0;background:none;color:#6b6390;font-size:16px;padding:0 12px}
.wh-body{flex:1;overflow-y:auto;padding:4px 16px calc(env(safe-area-inset-bottom) + 20px)}
.wh-h{margin:14px 0 2px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#C9B6FF}
.wh .recent{padding:12px 2px}
.md{position:fixed;inset:0;z-index:70;background:rgba(5,2,18,.6);display:flex;align-items:flex-end}
.md-card{width:100%;background:linear-gradient(180deg,#140C2C 0%,#1A1440 100%);border-radius:22px 22px 0 0;padding:10px 18px calc(env(safe-area-inset-bottom) + 16px);box-shadow:0 -18px 50px rgba(5,2,18,.7)}
.md-card h3{font-size:22px;margin:4px 0 4px}
.md-card #meFields{display:flex;flex-direction:column;gap:8px;margin:0 0 6px}
.md-card #meFields .fld{width:100%}
.md-card .rem{display:flex;gap:8px;align-items:center;margin:6px 0 2px}
.md-x{display:block;width:100%;background:none;border:0;color:var(--mute);font-weight:700;padding:12px;font-size:15px}
.md-card .cta.book-cta{position:static;box-shadow:none}

.sos-btn{float:right;margin:-2px 0 6px 8px;background:#e11d48;color:#fff;border:0;border-radius:999px;font-weight:900;font-size:15px;padding:9px 14px;box-shadow:0 0 0 4px rgba(225,29,72,.25)}
a.cta.sos-call{display:block;text-align:center;text-decoration:none;background:#e11d48;color:#fff;margin-top:8px}
#sosShare{display:block;text-align:center;text-decoration:none;margin-top:8px}
.cx-fee{color:#ffd166;font-size:17px}