:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#141a23;background:#f5f6f8;font-synthesis:none;--ink:#141a23;--lime:#e8c9c5;--line:#e4e7ed;--muted:#657183;--white:#ffffff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;border:1px solid var(--line);border-radius:5px;padding:12px 16px;min-height:44px;background:#ffffff;color:var(--ink);font-weight:600;font-size:13px;text-decoration:none;transition:background .15s,transform .15s}button:hover,.button:hover{background:#edf1f7}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #515e70;outline-offset:3px}.primary{background:var(--lime);border-color:var(--lime);color:#141a23}.primary:hover{background:#e8c9c5}.full{width:100%;margin-top:15px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.icon-button{width:42px;height:42px;padding:10px;background:white}.text-button{border:0;background:transparent;padding:8px;font-size:12px;min-height:36px}.danger{color:#bf4e48}.muted{color:var(--muted);font-size:13px;line-height:1.6}.fine-print{font-size:11px;line-height:1.6;color:#7a8493}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:650;letter-spacing:-1.2px;line-height:1.15}h2{font-size:23px;font-weight:650;letter-spacing:-.7px;line-height:1.25}h3{font-size:17px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:5px;background:#f5f6f8;color:var(--ink);min-height:44px}input::placeholder,textarea::placeholder{color:#8090a0}small{font-size:11px;color:var(--muted);line-height:1.5}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1.1px;font-weight:650;white-space:nowrap}.brand-light{font-weight:450}.logo{width:35px;height:35px;flex-shrink:0}.shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:100vh}.sidebar{padding:26px 18px;border-right:1px solid var(--line);background:#ffffff;display:flex;flex-direction:column}.account-type{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8090a0;margin:33px 12px 14px}.nav{display:grid;gap:4px}.nav button{justify-content:start;border:0;background:transparent;font-weight:500;color:#515e70;padding:13px 12px}.nav button.active{background:#edf1f7;color:var(--ink);font-weight:650}.nav button.active .icon{color:#465467}.sidebar-bottom{margin-top:auto;padding:25px 12px 0}.environment-note{display:flex;align-items:center;gap:7px;color:#657183;font-size:11px;margin:20px 0 6px}.status-dot{display:inline-block;width:6px;height:6px;background:#4e79d9;border-radius:50%;flex-shrink:0}.status-dot.offline{background:#8090a0}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:white}.header-city,.account{display:flex;align-items:center;gap:10px;font-size:12px}.header-city .icon{width:18px;color:#657183}.divider{height:13px;width:1px;background:#e8c9c5;margin:0 8px}.account-name{font-weight:550}.account .icon-button{border:0;margin-left:10px}.avatar{width:34px;height:34px;background:#e4e7ed;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:650;flex-shrink:0}.avatar.large{width:44px;height:44px;font-size:13px}.demo-strip{background:#f5f6f8;text-align:center;color:#657183;font-size:10px;padding:6px 15px;line-height:1.4}.content{padding:30px;max-width:1500px;margin:0 auto}.map-content{max-width:none;padding:24px}.ride-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;min-height:calc(100vh - 149px)}.booking-panel{padding:28px 24px;background:white;border:1px solid var(--line);border-radius:8px;align-self:start}.panel-title{margin-bottom:25px}.panel-title .muted{margin-top:8px}.kicker{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#7a8493;display:block;margin-bottom:10px}.route-box{border:1px solid var(--line);border-radius:5px;background:#fafbfc;overflow:hidden}.location-field{display:flex;align-items:center;justify-content:start;width:100%;padding:15px 12px;gap:12px;border:0;border-radius:0;background:transparent;text-align:left}.location-field+.location-field{border-top:1px solid var(--line)}.location-field>span:nth-child(2){flex:1;min-width:0}.location-field small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:4px;color:#8090a0}.location-field strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-field>.icon{width:16px;color:#8090a0}.route-dot{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;font-size:9px;font-weight:700;background:var(--ink);color:white;border-radius:50%}.route-dot.dropoff{background:var(--lime);color:var(--ink);border-radius:4px}.gps-inline{color:#515e70;justify-content:start;padding:11px 0;margin:2px 0 20px;font-size:11px}.gps-inline .icon{width:17px}.fare-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fare-heading label{margin:0;font-size:13px}.fare-heading .muted{font-size:10px}.fare-stepper{display:flex;align-items:center;background:#f5f6f8;border:1px solid var(--line);border-radius:5px;padding:10px;gap:5px}.fare-stepper button{width:35px;height:35px;min-height:35px;padding:8px;background:white}.fare-stepper input{width:100%;padding:0;border:0;outline-offset:0;background:transparent;font-size:29px;letter-spacing:-1px;font-weight:650;text-align:center;appearance:textfield;min-width:0}.fare-stepper input::-webkit-inner-spin-button{appearance:none}.fare-currency{font-size:22px;font-weight:600;margin-left:35px}.fare-help{font-size:10px;color:#7a8493;margin:10px 0 23px;text-align:center}.payment-select{justify-content:start;width:100%;padding:12px 10px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;gap:14px;text-align:left}.payment-select>span:nth-child(2){flex:1;font-size:12px;font-weight:550}.payment-select small{display:block;font-size:9px;margin-top:3px}.payment-select>.icon{width:16px;color:#7a8493}.cash-mark{width:61px;display:flex;justify-content:center}.cash-mark .icon{width:29px;height:29px;color:#515e70}.payment-logo{width:62px;max-height:27px;object-fit:contain;flex-shrink:0}.payment-logo.innbucks{height:30px;max-height:30px;object-fit:contain}.find-driver{height:51px;margin-top:23px;font-size:14px;justify-content:space-between;padding:0 18px}.booking-footnote{font-size:9px;color:#7a8493;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px}.booking-footnote .icon{width:14px;height:14px}.map-wrap{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line);height:calc(100vh - 149px);min-height:510px;background:#e4e7ed;isolation:isolate}#map{width:100%;height:100%;z-index:0}.map-top-label{position:absolute;top:18px;left:18px;background:#fffffff5;padding:10px 13px;border-radius:5px;box-shadow:0 3px 18px #0000000a;display:flex;align-items:center;gap:7px;font-size:10px;z-index:450}.map-gps{position:absolute;top:18px;right:18px;z-index:450;box-shadow:0 3px 18px #0000000a}.map-bottom-info{position:absolute;bottom:30px;left:18px;right:18px;background:#ffffffed;padding:12px 14px;border-radius:4px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#657183;z-index:450;pointer-events:none}.map-bottom-info>span:first-child{display:flex;align-items:center;gap:6px}.map-bottom-info .icon{width:16px;height:16px}.map-pick-banner{position:absolute;top:70px;left:18px;right:18px;padding:10px 14px;background:var(--ink);color:white;font-size:12px;border-radius:5px;z-index:450;display:flex;justify-content:space-between;align-items:center}.map-pick-banner button{background:transparent;color:white;border-color:#ffffff30;padding:5px 8px;min-height:28px;font-size:11px}.map-pin{width:33px;height:33px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:var(--ink);color:white;font-weight:650;box-shadow:0 2px 6px #0002;font-size:12px}.map-pin.dropoff{background:var(--lime);color:var(--ink);border-radius:7px}.map-car{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;background:var(--ink);color:var(--lime);border-radius:8px;box-shadow:0 2px 7px #0002}.leaflet-control-attribution{font-size:9px!important}.leaflet-control-zoom{box-shadow:0 2px 8px #0001!important;border:1px solid var(--line)!important;margin-bottom:80px!important}.trip-route{display:grid;gap:17px;margin:20px 0}.trip-route>div{display:flex;align-items:center;gap:12px;font-size:11px}.trip-route strong{font-weight:550;line-height:1.5}.fare-update{display:flex;align-items:center;gap:12px;font-size:11px;border-top:1px solid var(--line);padding:16px 0}.fare-update input{width:80px;min-height:35px;padding:8px;font-size:13px;font-weight:600}.fare-update button{min-height:35px;padding:8px 12px;margin-left:auto;font-size:11px}.offer-card{border:1px solid var(--line);padding:15px;border-radius:5px;margin-top:12px}.offer-person{display:flex;align-items:center;gap:10px}.offer-person strong{font-size:12px}.offer-price{margin-left:auto;font-size:20px!important;letter-spacing:-.5px}.driver-rating{display:flex;align-items:center;gap:3px;font-size:9px;color:#8090a0;margin-top:4px}.driver-rating .icon{width:12px;height:12px}.vehicle-line{display:flex;gap:6px;align-items:center;font-size:9px;color:#657183;margin-top:14px}.vehicle-line .icon{width:15px;height:15px}.vehicle-line span{margin-left:auto}.offer-card .full{font-size:12px;padding:10px;min-height:38px}.assigned-driver{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 0}.assigned-driver strong{font-size:12px}.assigned-driver small{display:block;margin-top:4px;font-size:10px}.plate{margin-left:auto;font-size:9px;background:#f5f6f8;padding:5px;border:1px solid var(--line);border-radius:3px;white-space:nowrap}.pin-card{display:flex;align-items:center;justify-content:space-between;background:#fff1ef;padding:14px;border-radius:5px;font-size:11px;gap:15px}.pin-card small{display:block;font-size:9px;margin-top:4px}.pin-card strong{font-size:23px;letter-spacing:3px}.trip-price{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:12px}.trip-price>span{display:flex;align-items:center;gap:6px}.trip-price .payment-logo{width:45px}.trip-price .cash-mark{width:25px}.trip-price .cash-mark .icon{width:23px}.trip-price>strong{font-size:20px;letter-spacing:-.5px}.trip-price small{font-size:9px}.location-status{font-size:9px;color:#7a8493;padding-top:10px;border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:10px}.row>input,.row>select{flex:1;min-width:0}.row button{white-space:nowrap}.tracking-row{margin-top:12px}.tracking-row button,.tracking-row .button{font-size:10px;padding:9px;min-height:36px}.tracking-on{border-color:#4e79d9;background:#fff1ef}.trip-chat{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.trip-chat summary{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;cursor:pointer}.trip-chat summary span{margin-left:auto;background:#edf1f7;font-size:9px;padding:3px 6px;border-radius:3px}.messages{max-height:230px;overflow:auto;margin:16px 0}.message{background:#f5f6f8;border-radius:5px;padding:10px;margin:6px 25px 6px 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.message.own{margin:6px 0 6px 25px;background:#e4e7ed}.message small{font-size:8px}.trip-chat input{font-size:11px}.trip-chat button{padding:10px}.page-heading{margin-bottom:25px}.page-heading .muted{margin-top:9px}.card{padding:25px;background:white;border:1px solid var(--line);border-radius:7px}.card h2{margin-bottom:18px}.empty{padding:40px 25px;color:#7a8493;font-size:13px;text-align:center}.driver-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.driver-toolbar>div{margin-right:auto;font-size:13px}.driver-toolbar small{display:block;margin:5px 0 0 13px}.driver-toolbar .status-dot{margin-right:7px}.request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.request-top{display:flex;align-items:center;gap:10px;font-size:12px}.request-top>span:last-child{margin-left:auto;font-size:23px;font-weight:600;letter-spacing:-.8px}.request-payment{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:11px;border-top:1px solid var(--line)}.request-card .offer-form input{width:90px;flex:0 1 90px}.request-card .offer-form button{flex:1}.earnings{margin-bottom:20px}.earnings>span,.earnings>small{display:block}.earnings>span{font-size:12px;color:#7a8493}.earnings>strong{display:block;font-size:36px;margin:10px 0;letter-spacing:-1.4px}.trip-summary{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.trip-summary-icon{width:43px;height:43px;border-radius:5px;background:#f5f6f8;display:grid;place-items:center;color:#657183;flex-shrink:0}.trip-summary-body{flex:1;min-width:0}.trip-summary-body>strong{font-weight:550;font-size:12px;line-height:1.7;display:block}.trip-summary-body>small{font-size:10px;display:block;margin-top:4px}.trip-summary>strong{font-size:18px;letter-spacing:-.4px}.route-arrow{margin:0 9px;color:#8090a0}.route-arrow .icon{width:14px}.status{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#7a8493;display:block;margin-bottom:7px;font-weight:600}.status.completed{color:#657183}.status.cancelled{color:#bf4e48}.history-trip{padding-bottom:18px}.history-trip .trip-summary{border-bottom:0}.history-trip+.history-trip{border-top:1px solid var(--line)}.history-trip .row{margin:10px 0 0 60px;font-size:11px}.history-trip .row select{max-width:130px}.history-trip .row input{max-width:300px}.rating-label{font-size:10px;color:#7a8493;margin-left:60px}.rating-label .icon{width:13px;height:13px}.notification-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px}.notification-settings strong{font-size:13px}.notification-settings p{margin-top:7px}.notification{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.notification-icon{background:#fff1ef;width:36px;height:36px;display:grid;place-items:center;border-radius:5px;color:#657183;flex-shrink:0}.notification strong{font-size:13px}.notification p{font-size:12px;line-height:1.6;margin:6px 0}.notification small{font-size:9px}.notice{padding:14px 16px;border-left:3px solid #e8c9c5;background:#f5f6f8;font-size:11px;line-height:1.8;margin:18px 0;color:#657183}.notice button{padding:4px 7px;min-height:25px;font-size:10px;margin-left:5px}.safety-intro{display:flex;align-items:center;gap:16px}.safety-intro>.icon{width:40px;height:40px;color:#7a8493}.safety-intro h2{margin-bottom:8px}.incident{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.incident p{font-size:13px;line-height:1.7;margin:9px 0}.incident button{margin-left:15px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{color:#8090a0;font-size:10px;font-weight:550}.table th,.table td{padding:16px 8px;text-align:left;border-bottom:1px solid var(--line)}.table small{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{display:grid;grid-template-columns:1fr auto;gap:18px}.stat .icon{grid-column:2;grid-row:1;color:#7a8493}.stat span{font-size:12px;color:#7a8493}.stat strong{font-size:33px;font-weight:600;letter-spacing:-1px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-story{background:#fff1ef;padding:55px 10%;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:84px;letter-spacing:-5px;line-height:1.04;font-weight:650;margin:22px 0}.login-story .kicker{color:#7a8493;font-size:10px}.login-story p{font-size:15px;line-height:1.8;color:#7a8493}.login-story>small{font-size:10px;color:#8090a0}.city-line{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:11px;color:#657183}.city-line span{width:3px;height:3px;background:#8090a0;border-radius:50%}.login-form{padding:40px;display:flex;align-items:center;justify-content:center}.login-form-inner{max-width:360px;width:100%}.login-form h2{font-size:27px;letter-spacing:-.8px;margin-bottom:12px}.login-form>.muted{margin-bottom:25px}.role-card{width:100%;justify-content:start;text-align:left;padding:18px 14px;gap:14px;margin-top:12px}.role-card small{display:block;margin-top:4px;font-size:10px;font-weight:400}.role-card>span:nth-child(2){flex:1}.role-card strong{font-size:12px;font-weight:600}.role-card>.icon{width:16px;color:#8090a0}.role-icon{width:37px;height:37px;background:#f5f6f8;display:grid;place-items:center;border-radius:5px;color:#657183}.login-form .environment-note{margin-top:28px}.login-form .fine-print{font-size:10px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:10px;padding:24px;width:min(480px,calc(100vw - 30px));max-height:85vh;overflow:auto;color:var(--ink);box-shadow:0 25px 90px #0002}dialog::backdrop{background:#141a235e;backdrop-filter:blur(3px)}.sheet-header{display:flex;justify-content:end;margin-top:-10px;margin-right:-10px;margin-bottom:10px}.sheet-header button{border:0;background:#f5f6f8;width:32px;height:32px;min-height:32px;padding:7px}.sheet-header .icon{width:17px;height:17px}dialog h2{font-size:22px;margin-bottom:10px}dialog>.muted{font-size:12px;margin-bottom:20px}.payment-options{display:grid;gap:12px;margin:25px 0}.payment-option{justify-content:start;padding:19px 14px;text-align:left;gap:18px}.payment-option>span:nth-child(2){flex:1}.payment-option small{display:block;font-weight:400;font-size:9px;margin-top:5px}.payment-option strong{font-size:12px}.payment-option.selected{border-color:#8090a0;background:#f5f6f8}.payment-option .icon:last-child{width:18px;color:#657183}.search-form{display:flex;gap:8px;margin:25px 0 15px}.search-input{display:flex;align-items:center;background:#f5f6f8;border:1px solid var(--line);border-radius:5px;flex:1;min-width:0;padding-left:12px}.search-input input{border:0;background:transparent;font-size:12px}.search-input .icon{width:17px;color:#7a8493}.place-tools{display:flex;gap:8px;margin:15px 0}.place-tools button{font-size:10px;padding:10px;flex:1}.place-tools .icon{width:17px;height:17px}.saved-places button,.search-result{width:100%;justify-content:start;text-align:left;gap:12px;border:0;border-bottom:1px solid var(--line);padding:15px 0;border-radius:0;background:white;font-size:12px;font-weight:500}.saved-places button>span:nth-child(2),.search-result>span{flex:1}.saved-places button>.icon{width:15px;color:#8090a0}.place-icon{width:31px;height:31px;border-radius:4px;background:#f5f6f8;display:grid;place-items:center;color:#7a8493}.place-icon .icon{width:17px;height:17px}.search-result small{display:block;font-size:9px;margin-top:4px}.search-result strong{font-size:12px}.payment-state{display:flex;align-items:center;gap:15px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#141a23;color:white;max-width:440px;width:max-content;padding:15px 20px;border-radius:6px;font-size:12px;line-height:1.6;box-shadow:0 10px 35px #0003;opacity:0;pointer-events:none;z-index:2000;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){.ride-layout{grid-template-columns:390px minmax(0,1fr)}.booking-panel{padding:32px}.map-content{padding:30px}.map-wrap{height:calc(100vh - 161px)}}@media(max-width:1080px){.shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand{font-size:21px;gap:8px}.logo{width:30px;height:30px}.nav button{padding:13px 9px;font-size:12px}.ride-layout{grid-template-columns:310px minmax(0,1fr);gap:14px}.map-content{padding:18px}.booking-panel{padding:24px 18px}.map-wrap{height:calc(100vh - 137px)}.driver-toolbar{flex-wrap:wrap}.driver-toolbar>div{flex-basis:40%}.content{padding:22px}.topbar{padding:0 22px}.login-story h1{font-size:68px}}@media(max-width:760px){.shell{display:block}.sidebar{padding:15px 16px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:0}.sidebar .brand{font-size:22px}.sidebar .logo{width:31px;height:31px}.account-type,.sidebar-bottom{display:none}.nav{display:flex;margin:13px -5px -5px;justify-content:space-between;gap:0;overflow:auto}.nav button{flex-direction:column;gap:5px;padding:9px 11px;min-width:64px;font-size:9px;border-radius:4px;white-space:nowrap}.nav .icon{width:19px;height:19px}.topbar{height:55px;padding:0 16px}.header-city,.account{font-size:10px;gap:7px}.header-city .divider,.header-city>.muted{display:none}.account .avatar{width:26px;height:26px;font-size:9px}.account .icon-button{width:28px;height:28px;min-height:28px;padding:5px;margin-left:4px}.account .icon{width:17px;height:17px}.demo-strip{font-size:8px}.content{padding:20px 16px}.map-content{padding:0}.ride-layout{display:flex;flex-direction:column;gap:0;min-height:0}.map-wrap{order:0;width:100%;height:310px;min-height:310px;border:0;border-radius:0}.booking-panel{order:1;width:100%;margin-top:-8px;z-index:500;position:relative;border-radius:10px 10px 0 0;border:0;padding:24px 20px;box-shadow:0 -3px 20px #141a2312}.panel-title{margin-bottom:20px}.panel-title h1{font-size:29px}.panel-title .kicker{display:none}.panel-title .muted{font-size:11px;margin-top:5px}.map-top-label{top:12px;left:12px;font-size:9px;padding:8px 10px}.map-gps{top:12px;right:12px;width:36px;height:36px;min-height:36px}.map-bottom-info{bottom:27px;left:12px;right:12px;font-size:9px;padding:9px 10px}.map-bottom-info>#connection{display:none}.map-pick-banner{top:60px;left:12px;right:12px}.route-box{display:block}.location-field{padding:14px}.location-field strong{font-size:12px}.fare-currency{margin-left:70px}.gps-inline{margin-bottom:15px}.fare-stepper{padding:8px}.fare-help{margin-bottom:17px}.payment-select small{font-size:10px}.find-driver{height:49px;margin-top:20px}.booking-footnote{font-size:10px}.page-heading h1{font-size:28px}.page-heading .muted{font-size:12px}.card{padding:20px}.stats{gap:8px}.stat{padding:15px;gap:13px}.stat span{font-size:10px}.stat strong{font-size:27px}.stat .icon{width:16px}.driver-toolbar button{font-size:10px;padding:9px;min-height:36px}.request-grid{grid-template-columns:1fr}.trip-summary{gap:10px}.trip-summary-icon{width:32px;height:32px}.trip-summary-icon .icon{width:18px}.trip-summary-body>strong{font-size:10px}.trip-summary-body>small{font-size:8px}.trip-summary>strong{font-size:16px}.trip-summary .route-arrow{display:block;margin:0;line-height:1}.trip-summary .route-arrow .icon{width:11px;height:11px}.history-trip .row{margin-left:0;flex-wrap:wrap}.history-trip .row input{max-width:none}.table{display:block;overflow:auto}.safety-intro{align-items:start}.safety-intro h2{font-size:19px}.notification-settings{align-items:start}.notification-settings button{padding:8px;font-size:11px}.notification-settings .muted{font-size:11px}.notification strong{font-size:12px}.notification p{font-size:11px}.login{display:block}.login-story{padding:28px}.login-story h1{font-size:57px;letter-spacing:-3px;margin:24px 0 18px}.login-story>small{display:none}.login-story>div:nth-child(2){margin-top:34px}.login-story .kicker{font-size:8px}.login-story p{font-size:12px}.city-line{margin-top:24px;font-size:10px}.login-form{padding:30px 25px}.login-form h2{font-size:24px}.login-form-inner{max-width:none}.role-card{padding:17px}.login-form .fine-print{font-size:9px}dialog{width:100%;max-width:none;max-height:85vh;position:fixed;top:auto;bottom:0;margin:0;border-radius:12px 12px 0 0;border-bottom:0;padding:25px 20px;padding-bottom:max(25px,env(safe-area-inset-bottom))}#toast{bottom:16px;max-width:calc(100vw - 32px);font-size:11px}.plate{font-size:9px}.tracking-row button,.tracking-row .button{flex:1}.trip-price{font-size:12px}.pin-card{padding:16px}.pin-card small{font-size:10px}.trip-chat summary{font-size:12px}.location-status{font-size:10px}.payment-logo.innbucks{max-height:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.payment-logo.innbucks{background:#141a23;padding:4px 5px;border-radius:4px;object-fit:contain;min-height:30px}
/* Booking and vehicle refinements */
.route-editor{position:relative}.route-editor .location-field{padding-right:46px}.route-editor .location-field>.icon{display:none}.swap-route{position:absolute;right:10px;top:calc(50% - 18px);width:35px;height:35px;min-height:35px;padding:7px;background:white;box-shadow:0 2px 7px #141a2308}.swap-route .icon{width:17px;height:17px}.fare-info{font-size:10px;color:#657183;min-height:24px;padding:2px 0}.fare-stepper{justify-content:space-between;padding:11px 12px;background:#fafbfc}.fare-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;flex:1;min-width:0}.fare-amount>span{font-size:27px;letter-spacing:-1px;font-weight:600}.fare-stepper .fare-amount input{width:112px;max-width:112px;font-size:36px;letter-spacing:-1.7px;font-weight:650;padding:0;min-height:44px}.fare-amount>small{font-size:9px;margin-left:2px;color:#8090a0}.fare-guidance{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:9px;margin:12px 0 10px;line-height:1.6}.fare-guidance>span:first-child{color:#7a8493}.fare-guidance>span:last-child{text-align:right;font-weight:600;color:#465467}.fare-chips{display:flex;gap:8px;margin-bottom:15px}.fare-chips button{flex:1;min-height:34px;padding:8px;font-size:11px;background:#fafbfc;gap:5px}.fare-chips button small{font-size:8px;color:#7a8493;font-weight:400}.fare-chips button.selected{border-color:#8090a0;background:#fff1ef}.fare-validation{font-size:10px;color:#bf4e48;line-height:1.6;margin:8px 0}.fare-validation:empty{display:none}.pickup-notes{padding-top:16px;margin-top:8px;font-size:10px}.pickup-notes summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:#657183}.pickup-notes summary span{margin-left:auto;color:#8090a0;font-size:9px}.pickup-notes summary .icon{width:16px;height:16px}.pickup-notes textarea{margin-top:12px;font-size:11px;min-height:66px;resize:vertical}.fare-explanation{margin:25px 0}.fare-explanation>div{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.fare-explanation strong{font-size:21px;letter-spacing:-.5px}.fare-explanation+.muted{font-size:12px;line-height:1.9}.fare-update>span small{display:block;font-size:9px;margin-top:4px;color:#7a8493}.vehicle-art{width:150px;height:75px;flex-shrink:0;overflow:visible}.vehicle-preview{display:flex;align-items:center;gap:12px;background:#f5f6f8;border-radius:5px;padding:10px;margin-top:17px}.vehicle-preview .vehicle-art{width:115px;height:60px}.vehicle-preview>div{flex:1}.vehicle-preview strong{font-size:11px;font-weight:650;display:block}.vehicle-preview small{font-size:9px;display:block;margin-top:4px;white-space:nowrap}.registration{display:inline-flex;justify-content:center;align-items:center;background:white;border:1px solid #e8c9c5;border-bottom:2px solid #e8c9c5;border-radius:4px;padding:7px 12px;letter-spacing:1.4px;font-size:13px;font-weight:700;color:#141a23;white-space:nowrap;line-height:1;margin-top:9px}.vehicle-preview .registration{font-size:10px;padding:6px 9px;letter-spacing:1px}.offer-actions{display:flex;gap:9px;margin-top:14px}.offer-actions>button:first-child{padding:10px 12px;font-size:11px;font-weight:500}.offer-actions .primary{flex:1;font-size:12px;min-height:40px;padding:10px}.assigned-driver{display:block;padding:20px 0 15px}.assigned-driver-person{display:flex;align-items:center;gap:10px}.assigned-driver-person strong{font-size:14px}.assigned-driver-person small{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:5px}.assigned-driver-person small .icon{width:13px;height:13px;color:#657183}.assigned-vehicle{position:relative;background:#f5f6f8;border:1px solid #e4e7ed;border-radius:6px;padding:16px;margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:3px}.assigned-vehicle .vehicle-art{width:135px;height:70px;margin-right:7px}.assigned-vehicle>div{flex:1;min-width:85px}.assigned-vehicle strong{font-size:13px;line-height:1.6;display:block}.assigned-vehicle small{font-size:11px;display:block;margin-top:3px}.assigned-vehicle .registration{margin:8px auto 0;font-size:19px;letter-spacing:2px;padding:10px 18px;display:flex;flex-basis:100%;max-width:190px}.vehicle-check{font-size:9px;text-align:center;color:#7a8493;margin-top:11px}.driver-detail-person{display:flex;align-items:center;gap:12px;margin-top:25px}.driver-detail-person strong{font-size:16px}.driver-detail-person small{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:11px}.driver-detail-person small .icon{width:13px;height:13px}.driver-detail-vehicle{background:#f5f6f8;padding:25px;margin-top:20px;border-radius:7px;text-align:center}.driver-detail-vehicle .vehicle-art{width:240px;height:110px;max-width:100%;display:block;margin:auto}.driver-detail-vehicle h3{margin:15px 0 5px;font-size:18px}.driver-detail-vehicle .registration{font-size:23px;margin-top:20px;padding:13px 22px}.history-vehicle{display:flex;align-items:center;gap:10px;margin:4px 0 15px 60px;font-size:11px;color:#657183}.history-vehicle .icon{width:16px;height:16px}.history-vehicle .registration{font-size:10px;margin-top:0;letter-spacing:1px;padding:6px 9px}.rider-note{display:flex;align-items:start;gap:7px;background:#f5f6f8;padding:12px;font-size:11px;color:#657183;line-height:1.7;margin:12px 0}.rider-note .icon{width:16px;height:16px;margin-top:2px}.pricing-card{max-width:600px}.pricing-card label{display:flex;justify-content:space-between;gap:15px}.pricing-card label span{font-weight:400;color:#8090a0;font-size:10px}.pricing-card .fine-print{margin-top:18px;font-size:11px}.route-sheet-title{margin-bottom:25px}.route-sheet-title .kicker{font-size:8px}.sheet-route-fields{border:1px solid var(--line);border-radius:6px;overflow:hidden}.sheet-route-field{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafbfc;margin:0}.sheet-route-field+.sheet-route-field{border-top:1px solid var(--line)}.sheet-route-field.focused{background:#fff1ef;box-shadow:inset 3px 0 #e8c9c5}.sheet-field-input{display:block;flex:1;min-width:0}.sheet-field-input small{display:block;font-size:8px;letter-spacing:1px;color:#7a8493}.sheet-field-input input{border:0;background:transparent;padding:4px 0;min-height:30px;font-size:13px;font-weight:550}.sheet-field-input input:focus-visible{outline:0}.route-sheet-actions{display:flex;gap:8px;margin:15px 0 22px}.route-sheet-actions>button{flex:1;padding:10px 9px;font-size:10px;min-height:38px}.route-sheet-actions>.icon-button{flex:0 0 38px}.route-sheet-actions .icon{width:16px;height:16px}.saved-shortcuts{display:flex;align-items:center;gap:9px;margin-bottom:24px}.saved-shortcuts button{justify-content:start;gap:9px;border:0;background:#f5f6f8;flex:1;padding:10px;font-size:10px;min-height:43px}.saved-shortcuts .icon{width:17px;height:17px;color:#7a8493}.saved-shortcuts button span{text-align:left;font-weight:550}.saved-shortcuts small{display:block;font-size:8px;line-height:1.5;font-weight:400}.saved-shortcuts>button:last-child{font-size:9px;flex:0 0 100px}.place-list-label{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#8090a0;margin:16px 0 7px}.place-result{display:flex;align-items:center;justify-content:start;gap:12px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;background:white}.place-result>span:nth-child(2){flex:1;min-width:0}.place-result strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.place-result small{display:block;font-size:9px;margin-top:3px;color:#8090a0}.place-result>.icon{width:15px;color:#8090a0}.no-results{font-size:12px;padding:20px 0}.place-attribution{font-size:9px;margin-top:15px;line-height:1.7}.route-sheet-title h2{font-size:25px;letter-spacing:-.9px}dialog:has(.route-sheet-title){width:min(500px,calc(100vw - 30px));padding:24px 28px}.page-heading h1,.panel-title h1{font-weight:650}.find-driver{margin-top:20px}.booking-panel{padding-bottom:24px}.trip-price .cash-mark{width:32px}.driver-toolbar #vehicle-profile{white-space:nowrap}@media(max-width:1080px){.vehicle-preview{gap:7px;padding:9px}.vehicle-preview .vehicle-art{width:95px;height:55px}.vehicle-preview strong{font-size:10px}.vehicle-preview small{font-size:8px}.assigned-vehicle .vehicle-art{width:120px}}@media(max-width:760px){dialog:has(.route-sheet-title){width:100%;max-height:92vh;padding:24px 20px}.sheet-field-input input{font-size:14px}.sheet-route-field{padding:13px 14px}.place-result{padding:15px 0}.place-result strong{font-size:13px}.route-sheet-title h2{font-size:25px}.saved-shortcuts>button:last-child{flex-basis:95px}.fare-stepper .fare-amount input{font-size:35px;width:100px}.fare-guidance{font-size:10px}.fare-chips button{font-size:12px}.fare-chips button small{font-size:9px}.pickup-notes{font-size:11px}.pickup-notes summary span{font-size:10px}.vehicle-preview{padding:12px;gap:15px}.vehicle-preview .vehicle-art{width:135px;height:70px}.vehicle-preview strong{font-size:13px}.vehicle-preview small{font-size:10px}.vehicle-preview .registration{font-size:12px}.assigned-vehicle .vehicle-art{width:155px;height:80px}.assigned-vehicle strong{font-size:14px}.assigned-vehicle .registration{font-size:21px}.vehicle-check{font-size:10px}.history-vehicle{margin-left:0;font-size:10px}.fare-stepper button{width:38px;height:38px;min-height:38px}.fare-amount>span{font-size:27px}.fare-guidance>span:last-child{font-size:10px}.booking-panel{padding-bottom:24px}.panel-title .muted{font-size:11px}.offer-card{padding:16px}.offer-person strong{font-size:13px}.driver-rating{font-size:10px}.offer-actions>button:first-child{font-size:12px}.offer-actions .primary{font-size:13px}.rider-note{font-size:11px}.map-wrap{height:300px;min-height:300px}}
.product-shell{display:block!important}.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:300px!important;height:100dvh!important;background:#ffffff!important;padding:24px!important;z-index:80;transform:translateX(-105%);transition:transform .25s;display:flex!important;flex-direction:column!important;overflow:auto;box-shadow:12px 0 60px #141a2320}.menu-open .sidebar{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:#141a2355;border:0;z-index:79}.sidebar nav{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:5px}.sidebar nav button{width:100%;justify-content:flex-start;padding:13px 15px;border:0;border-radius:8px}.drawer-heading,.drawer-profile,.app-header,.header-brand{display:flex;align-items:center;gap:12px}.drawer-heading{justify-content:space-between}.drawer-profile{padding:25px 0;border-bottom:1px solid #edf1f7;margin-bottom:15px}.drawer-profile small{display:block}.drawer-footer{margin-top:auto;padding-top:24px;font-size:12px}.main{margin:0!important;width:100%}.app-header{height:75px;padding:0 25px;background:#ffffff;border-bottom:1px solid #e4e7ed}#menu-toggle,#menu-close{width:42px;height:42px;padding:9px;border-radius:8px}.header-brand{font-size:19px;font-weight:650}.header-brand img{width:34px;height:34px}.header-location{margin-left:auto;color:#657183;font-size:13px}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:24px}.service-tabs button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 3px;border:1px solid #e4e7ed;background:#fafbfc;border-radius:9px;font-size:11px;min-width:0}.service-tabs svg{width:27px;height:27px}.service-tabs button.selected{background:#fff1ef;border-color:#8090a0;box-shadow:inset 0 -3px #8090a0}.service-fields{border-top:1px solid #e4e7ed;padding-top:16px;margin:16px 0}.service-fields .row>div{min-width:0;flex:1}.service-fields .passengers-field,.service-fields .weight-field{flex:0 0 100px}.payment-icon-button{height:43px;min-width:74px;display:flex;align-items:center;justify-content:center;padding:8px 13px;background:#ffffff;border:1px solid #e0e6ee;border-radius:7px}.payment-icon-button img,.payment-icon-button svg{max-width:73px;max-height:28px}.price-heading,.offer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.offer-toolbar{padding:15px 0;border-block:1px solid #e4e7ed;margin:18px 0}#edit-offer{display:flex;align-items:center;gap:12px;border:0;background:transparent}#edit-offer strong{font-size:24px}#edit-offer small{font-size:11px}.service-summary{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin:14px 0}.service-pill{display:inline-flex;align-items:center;gap:6px;background:#edf1f7;border-radius:5px;padding:5px 8px;font-size:11px;color:#283449}.service-pill svg{width:15px;height:15px}.tracking-card{border:1px solid #e4e7ed;border-radius:10px;padding:17px;margin:17px 0;background:#fafbfc}.tracking-heading{display:flex;justify-content:space-between}.tracking-heading>span:first-child{display:flex;gap:7px;align-items:center;font-weight:700}.source-label{font-size:9px;letter-spacing:1px;padding:5px 7px;background:#e4e7ed;color:#344157}.source-label.simulated{background:#fff1ef;color:#bf4e48}.tracking-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.tracking-metrics small{display:block;font-size:11px}.tracking-metrics strong{display:block;font-size:20px;margin-top:5px}.tracking-coordinates{font-size:11px}.demo-controls{margin-top:15px;border-top:1px solid #e4e7ed;padding-top:14px}.demo-controls summary{font-weight:700;cursor:pointer}.demo-controls input[type=range]{width:100%;accent-color:#4e79d9}.demo-controls .row{margin-top:12px}.account-card,.settings-card,.reviews-card,.help-card{max-width:720px}.profile-hero{display:flex;gap:18px;align-items:center;margin-bottom:25px}.account-links{display:grid;gap:4px;margin-top:25px}.account-links button{display:flex;gap:12px;align-items:center;text-align:left;padding:15px}.readonly-field{padding:14px;background:#f5f6f8;margin-bottom:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4e7ed;padding:20px 0}.settings-row>div{display:flex;align-items:center;gap:14px}.settings-row small{display:block;font-size:12px;margin-top:4px}.settings-row select{width:145px;margin:0}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:#4e79d9}.settings-card .primary{margin-top:20px}.review-summary{display:flex;gap:25px;align-items:center;max-width:720px;margin-bottom:20px}.review-summary>strong{font-size:50px}.review-stars{display:flex;gap:5px;color:#4e79d9}.review-stars .filled svg{fill:#e8c9c5}.review-item{border-bottom:1px solid #e4e7ed;padding:22px 0}.help-card details{padding:18px 0}.help-card summary{font-weight:700;cursor:pointer}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#141a23;color:#edf1f7}html[data-theme=dark] .app-header,html[data-theme=dark] .sidebar,html[data-theme=dark] .card,html[data-theme=dark] .ride-panel,html[data-theme=dark] dialog{background:#141a23!important;color:#edf1f7}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] button:not(.primary),html[data-theme=dark] .tracking-card{background:#202833;color:#edf1f7;border-color:#344157}html[data-motion=reduced] *{transition:none!important;animation:none!important}@media(max-width:700px){.app-header{height:65px;padding:0 15px}.header-location{display:none}.header-brand{font-size:17px}#account-link{margin-left:auto}.sidebar{width:290px!important}.service-tabs button{padding:10px 2px}#edit-offer small{display:none}.settings-row select{width:115px}}
[hidden]{display:none!important}.drawer-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-profile{text-align:left;background:transparent;border:0;width:100%}.drawer-profile>span:nth-child(2){flex:1}.header-city{display:flex;align-items:center;gap:14px}.menu-trigger{border:1px solid #e4e7ed;border-radius:7px}.topbar .brand{font-size:20px}.account-button{display:flex;align-items:center;gap:10px;border:0;background:transparent}.demo-tracking{margin-top:15px;border-top:1px solid #e4e7ed;padding-top:14px}.demo-tracking summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:13px}.demo-tracking summary small{margin-left:auto;font-weight:400}.demo-mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.demo-mode-row select{width:195px;margin:0}.demo-progress-label{display:flex;justify-content:space-between}.demo-tracking input[type=range]{width:100%;accent-color:#4e79d9}.tracking-footer{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}html[data-theme=dark] .topbar,html[data-theme=dark] .booking-panel{background:#141a23;color:#edf1f7}@media(max-width:700px){.header-city{gap:10px}.topbar .brand{font-size:17px}.account-name{display:none}.demo-strip{font-size:10px}.demo-mode-row select{width:165px}}
/* Tactile controls and clear route symbols */
body{font-family:Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:-.015em}h1,h2,h3{letter-spacing:-.045em;font-weight:650}.muted{line-height:1.6}.panel-title h2{font-size:30px;line-height:1.15}.location-field strong{font-size:15px;line-height:1.45;font-weight:650}.location-field small,.sheet-field-input small{letter-spacing:.12em;font-size:9px;font-weight:700;color:#657183}.route-dot{display:grid;place-items:center;border-radius:9px!important;box-shadow:2px 2px 5px #141a2317,-2px -2px 5px #ffffff99}.route-dot svg{width:16px;height:16px}.map-pin{width:38px!important;height:38px!important;display:grid!important;place-items:center;border-radius:13px!important;border:3px solid #ffffff!important;box-shadow:0 4px 12px #141a2340!important;position:relative}.map-pin:after{content:'';position:absolute;width:9px;height:9px;bottom:-6px;left:11px;transform:rotate(45deg);background:inherit;z-index:-1}.map-pin svg{width:21px;height:21px}.map-pin.pickup{background:#141a23;color:white}.map-pin.dropoff{background:#e8c9c5;color:#141a23}.map-car{box-shadow:0 5px 15px #141a2355}.route-sheet-title h2{font-size:26px;line-height:1.2}.sheet-field-input input{font-weight:600;font-size:16px!important;letter-spacing:-.02em}.place-result strong{font-size:14px;font-weight:650;line-height:1.4}.place-result small{line-height:1.5;margin-top:4px}.place-icon{background:#edf1f7;border-radius:11px;box-shadow:inset 2px 2px 4px #e8c9c54d,inset -2px -2px 4px #ffffff}.primary,.service-tabs button,.fare-stepper button,.payment-icon-button,.icon-button,.route-sheet-actions button,.saved-shortcuts button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:4px 4px 9px #20283312,-3px -3px 8px #ffffffc9}.primary{box-shadow:4px 5px 12px #65718340,inset 0 1px 0 #fff1ef;border:1px solid #e8c9c5}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:5px 8px 15px #65718350,inset 0 1px 0 #fff1ef}.service-tabs button:hover,.payment-icon-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary:active:not(:disabled),.service-tabs button:active,.payment-icon-button:active,.icon-button:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #20283326,inset -3px -3px 6px #ffffff99}.service-tabs button.selected{box-shadow:inset 3px 3px 7px #7a849320,inset -3px -3px 7px #ffffff99}.fare-stepper{box-shadow:inset 3px 3px 8px #e8c9c535,inset -3px -3px 8px #ffffff}.route-sheet-actions button{border-radius:7px}button:focus-visible,input:focus-visible{outline:2px solid #4e79d9;outline-offset:3px}.account-button{border-radius:9px;padding:6px 9px}.profile-hero .profile-avatar{width:65px;height:65px;box-shadow:inset 3px 3px 7px #7a849320,inset -3px -3px 7px #ffffff99}html[data-theme=dark] .primary,html[data-theme=dark] button{box-shadow:3px 3px 7px #0003,-2px -2px 6px #ffffff06}html[data-motion=reduced] button:hover{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){.panel-title h2{font-size:27px}.route-sheet-title h2{font-size:24px}}
/* Start and End, directly editable */
:root{--chin-ink:#202833;--chin-moss:#515e70;--chin-lime:#e8c9c5;--chin-paper:#f5f6f8}.direct-location{display:flex;align-items:center;gap:12px;padding:16px!important;background:#f5f6f8}.direct-location-label{display:flex;flex-direction:column;flex:1;min-width:0;margin:0!important;gap:5px}.direct-location-label>span{font-size:9px;letter-spacing:.14em;font-weight:700;color:#657183}.direct-location-label input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%;font-size:16px;font-weight:600;color:#202833;height:26px;outline-offset:4px}.direct-location-label input::placeholder{color:#8090a0;font-weight:450}.route-action{border:0!important;width:34px;height:34px;flex-shrink:0;cursor:pointer}.route-action.pickup{background:#202c3e;color:#ffffff}.route-action.dropoff{background:#e8c9c5;color:#29354a}.route-search{border:0;background:transparent;padding:7px;color:#515e70;width:33px;height:33px}.route-search svg{width:18px;height:18px}.route-editor .swap-route{right:-14px;background:#ffffff;box-shadow:3px 4px 10px #20283320}.inline-place-results{padding:6px 10px;background:#ffffff;border-top:1px solid #e4e7ed;max-height:240px;overflow:auto}.inline-place-results button{display:flex;gap:10px;align-items:center;text-align:left;width:100%;background:transparent;border:0;padding:12px 4px}.inline-place-results strong,.inline-place-results small{display:block}.inline-place-results small{color:#657183;font-size:11px;margin-top:3px}.inline-place-results svg{width:18px;flex-shrink:0;color:#657183}.inline-place-results p{font-size:12px;color:#657183;line-height:1.5}.primary{background:#e8c9c5!important;border-color:#e8c9c5;color:#202833!important}.service-tabs button.selected{background:#e4e7ed;border-color:#e8c9c5}.map-pin.dropoff{background:#e8c9c5;color:#29354a}.google-setup{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px;background:#edf1f7;color:#344157}.google-setup h2{font-size:25px;margin-top:18px}.google-setup p{max-width:330px;line-height:1.7;font-size:14px}.google-setup small{max-width:320px;color:#657183;line-height:1.6}.google-map-symbol{display:grid;place-items:center;width:70px;height:70px;background:#f5f6f8;border-radius:16px;box-shadow:7px 7px 18px #e8c9c5,-7px -7px 18px #ffffff}.google-map-symbol svg{width:32px;height:32px}.map-top-label{max-width:calc(100% - 85px)}html[data-theme=dark] .direct-location{background:#202833}html[data-theme=dark] .direct-location input{color:#e4e7ed}html[data-theme=dark] .inline-place-results{background:#202833}html[data-theme=dark] .google-setup{background:#202833;color:#e4e7ed}@media(max-width:700px){.google-setup{padding:50px 30px}.google-setup h2{font-size:21px}.direct-location{padding:14px!important}}
/* Journey surfaces */
.booking-panel{border:1px solid #e4e7ed!important;border-radius:18px!important;box-shadow:0 12px 35px #20283310!important}.route-box{border:1px solid #e4e7ed!important;border-radius:12px!important;overflow:visible!important;background:#f5f6f8!important}.direct-location-label input{border:1px solid #d5deed!important;background:#ffffff!important;border-radius:7px!important;padding:8px 11px!important;box-shadow:inset 2px 2px 5px #e8c9c523!important;height:40px!important;font-size:15px!important}.direct-location-label input:focus{border-color:#7a8493!important;box-shadow:0 0 0 3px #e8c9c535!important}.direct-location{background:transparent!important}.inline-place-results{border-radius:8px;box-shadow:0 6px 18px #20283312;margin:0 12px 8px}.map-wrap{border-radius:18px!important;overflow:hidden!important;box-shadow:0 8px 25px #20283312}.map-connect{position:absolute;right:15px;bottom:70px;z-index:500;background:#ffffff;border:1px solid #e4e7ed;padding:10px 13px;font-size:11px;color:#465467;border-radius:8px;box-shadow:0 3px 12px #20283318}.cancel-ride-button{display:flex;align-items:center;justify-content:center;margin-top:15px;min-height:46px;border:1px solid #e8c9c5;background:#fafbfc;color:#bf4e48;font-weight:600;border-radius:8px;padding:12px;transition:background .2s}.cancel-ride-button:hover{background:#fff1ef}.cancel-heading{text-align:center}.cancel-heading>svg{width:38px;height:38px;color:#657183;margin:8px}.cancel-heading p{color:#657183;line-height:1.6}.auto-accept-option{display:flex;gap:12px;align-items:center;padding:14px;background:#f5f6f8;border:1px solid #e4e7ed;border-radius:9px;margin:18px 0}.auto-accept-option input{width:19px;height:19px;accent-color:#657183;flex-shrink:0;margin:0}.auto-accept-option strong{font-size:12px;display:block}.auto-accept-option small{font-size:11px;line-height:1.5;color:#657183;display:block;margin-top:4px}.contact-driver-button{display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid #e8c9c5;background:#e4e7ed;color:#465467;min-height:43px;border-radius:8px;font-weight:600;margin-top:12px}.contact-profile{display:flex;gap:15px;align-items:center;background:#f5f6f8;padding:18px;border-radius:12px;margin:20px 0}.contact-profile h3{margin:0}.contact-profile p{font-size:12px;color:#657183}.call-driver{display:block;text-align:center;padding:15px;border:1px solid #e8c9c5;border-radius:8px;margin-top:12px;color:#465467}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar{overflow:hidden;flex-shrink:0}.photo-actions{display:flex;align-items:center;gap:16px;margin-bottom:24px}.photo-upload{display:flex;gap:8px;align-items:center;padding:11px 15px;border:1px solid #e8c9c5;background:#f5f6f8;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.photo-upload svg{width:17px}.vehicle-preview{background:#f5f6f8!important;border:1px solid #e4e7ed;border-radius:12px}.vehicle-art{max-width:210px!important;height:auto!important}.assigned-vehicle .vehicle-art{max-width:180px!important}.offer-card{border-radius:14px!important;box-shadow:0 6px 16px #2028330b}.map-setup-instructions{background:#f5f6f8;padding:18px;border-radius:12px;margin:18px 0}.map-setup-instructions p{font-size:12px;line-height:1.6}.map-setup-instructions small{color:#657183}html[data-theme=dark] .direct-location input{background:#202833!important}html[data-theme=dark] .auto-accept-option,html[data-theme=dark] .contact-profile,html[data-theme=dark] .vehicle-preview{background:#202833!important}@media(max-width:700px){.booking-panel{border-radius:16px 16px 0 0!important}.map-wrap{border-radius:0!important}.map-connect{right:12px;bottom:64px}.direct-location{padding:13px!important}.vehicle-art{max-width:165px!important}}
.auto-match-note{display:flex;gap:7px;align-items:center;font-size:11px;line-height:1.5;color:#515e70;background:#fff1ef;border-radius:7px;padding:10px;margin:12px 0}.auto-match-note svg{width:15px;flex-shrink:0}
/* Search first; purposeful location actions at the trailing edge */
.direct-location .route-search{order:0;width:36px;height:36px;border-radius:9px;background:#e4e7ed;color:#465467;box-shadow:inset 1px 1px 3px #e8c9c580}.direct-location-label{order:1}.direct-location .route-action{order:2;width:35px;height:35px}.direct-location{gap:11px!important}.route-editor .swap-route{right:-16px;top:calc(50% - 16px);width:32px;height:32px}.route-box{background:#f5f6f8!important;border-color:#e0e6ee!important}.direct-location-label input{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;letter-spacing:-.025em;font-weight:600!important;color:#253247!important;background:#fafbfc!important}.panel-title h1,.panel-title h2{font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;letter-spacing:-.05em;font-weight:700;color:#202833}.fare-heading label{font-size:15px;font-weight:650;color:#253247}.fare-amount input{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-weight:700!important;letter-spacing:-.055em;color:#253247}.fare-stepper{background:#f5f6f8!important;border-color:#e8c9c5!important}.primary{background:#e8c9c5!important;border-color:#8090a0!important;box-shadow:3px 5px 12px #7a849330,inset 0 1px 0 #fff1ef}.service-tabs button.selected{background:#e4e7ed!important;border-color:#8090a0!important}.fare-chips button.selected{background:#e4e7ed!important;border-color:#8090a0!important}.fare-guidance{color:#657183}.fare-guidance>span:last-child{color:#078ab8;font-weight:600}.fare-amount.fare-floor-hit,.fare-amount.fare-floor-hit input,.fare-amount.fare-floor-hit span{color:#bf4e48!important}.fare-amount.fare-floor-hit{animation:fare-shake .38s ease-in-out}.fare-validation{color:#bf4e48}.booking-footnote{color:#657183}.direct-location .route-action.dropoff{background:#e8c9c5;color:#078ab8}.direct-location .route-action.pickup{background:#078ab8;color:#f5f6f8}@keyframes fare-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}html[data-theme=dark] .panel-title h1,html[data-theme=dark] .panel-title h2,html[data-theme=dark] .fare-amount input{color:#e4e7ed}html[data-motion=reduced] .fare-floor-hit{animation:none!important}
/* Quiet brand launch */
.startup-screen{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#fafbfc;color:#202c3e;opacity:1;transition:opacity .22s ease}.startup-brand{display:flex;gap:16px;align-items:center;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:42px;letter-spacing:-.055em;font-weight:650}.startup-brand .logo{width:64px;height:64px;flex-shrink:0;filter:drop-shadow(0 5px 12px #7a849325)}.startup-light{font-weight:450}.startup-dismiss{opacity:0;pointer-events:none}.icon{shape-rendering:geometricPrecision;flex-shrink:0}.service-tabs .icon{stroke-width:1.7}.route-action .icon,.route-search .icon{stroke-width:1.8}@media(max-width:600px){.startup-brand{font-size:34px;gap:13px}.startup-brand .logo{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.startup-screen{transition:none}}
/* Cobalt, graphite and porcelain */
:root{--chin-ink:#202833;--chin-moss:#657183;--chin-lime:#129dce;--chin-paper:#f5f6f8}body{background:#f5f6f8!important;color:#202833!important;font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}.topbar,.sidebar,.booking-panel,.card{background:#ffffff!important;color:#202833!important}.booking-panel{border-color:#e4e7ed!important;box-shadow:0 10px 32px #202c3e10!important}.panel-title h1,.panel-title h2,.page-heading h1{color:#202833!important;font-weight:650!important;letter-spacing:-.04em!important;line-height:1.18}.muted,.fine-print{color:#7a8493!important}.service-tabs{gap:8px!important}.service-tabs button{background:#ffffff!important;border:1px solid #e3e7ee!important;box-shadow:0 3px 10px #28344906!important;border-radius:11px!important;padding:13px 2px 11px!important;gap:7px!important;color:#515e70!important}.service-tabs button span{height:38px;width:54px;display:grid;place-items:center}.service-tabs .service-art{width:54px!important;height:40px!important;stroke:none}.service-tabs button strong{font-size:12px!important;letter-spacing:-.015em;font-weight:600!important;line-height:1.25}.service-tabs button.selected{background:#253247!important;border-color:#253247!important;color:#ffffff!important;box-shadow:0 5px 13px #25324726!important}.service-tabs button.selected .service-art{filter:brightness(1.12)}.service-tabs button:hover{border-color:#8aa9ed!important}.primary{background:#129dce!important;color:#ffffff!important;border-color:#078ab8!important;box-shadow:0 4px 11px #129dce27,inset 0 1px 0 #ffffff25!important;font-weight:600!important}.primary:hover:not(:disabled){background:#087eac!important;box-shadow:0 6px 15px #129dce34!important}.route-box{background:#f6f8fb!important;border-color:#e1e7ef!important}.direct-location-label>span,.direct-location-label input{color:#465467!important}.direct-location-label input{background:#ffffff!important;border-color:#e0e6ee!important;font-weight:550!important}.direct-location-label input:focus{border-color:#7194e7!important;box-shadow:0 0 0 3px #129dce15!important}.direct-location .route-search{background:#e9f7fc!important;color:#129dce!important;box-shadow:none!important}.direct-location .route-action.pickup{background:#283449!important}.direct-location .route-action.dropoff{background:#e3f5fb!important;color:#129dce!important}.fare-stepper{background:#f6f8fb!important;border-color:#e0e6ee!important;box-shadow:inset 2px 2px 5px #e0e6ee35!important}.fare-amount input,.fare-heading label{color:#253247!important}.fare-guidance,.fare-guidance>span:last-child,.gps-inline,.fare-info{color:#69798f!important}.fare-chips button.selected{background:#e9f7fc!important;border-color:#98b3ef!important;color:#129dce!important}.auto-accept-option{background:#f5f7fa!important;border-color:#dfe7f4!important}.auto-accept-option small{color:#7a8493!important}.auto-accept-option input{accent-color:#129dce}.sidebar nav button.active{background:#e9f7fc!important;color:#129dce!important}.service-pill,.avatar{background:#eef2f8!important;color:#526582!important}.vehicle-preview,.tracking-card,.contact-profile,.readonly-field,.photo-upload,.map-setup-instructions{background:#f5f7fa!important;border-color:#e2e7ef!important;color:#526582!important}.contact-driver-button,.call-driver{background:#e9f7fc!important;border-color:#cddcfb!important;color:#129dce!important}.tracking-heading,.tracking-metrics strong{color:#30415a}.source-label{background:#e9f7fc!important;color:#129dce!important}.source-label.simulated{background:#fff1ef!important;color:#bf4e48!important}.source-label.simulated~*{color:inherit}.map-pin.dropoff{background:#129dce!important;color:white!important}.map-pin.pickup{background:#253247!important}.map-connect,.payment-icon-button{border-color:#e0e6ee!important;color:#526582!important}.booking-footnote,.vehicle-check,.settings-row small{color:#8090a0!important}.demo-strip{background:#edf1f7!important;color:#8090a0!important}.status-dot{background:#129dce!important}.startup-screen{background:#fafbfc!important;color:#253247!important}.startup-brand .logo{filter:drop-shadow(0 5px 12px #129dce1c)!important}.brand-light{font-weight:450}.offer-person strong,.assigned-driver-person strong{font-weight:600!important}.registration{color:#344157!important;font-weight:600!important}.account-links button{font-weight:550!important}.fare-amount.fare-floor-hit input,.fare-amount.fare-floor-hit span{color:#bf4e48!important}html[data-theme=dark] body{background:#141a23!important;color:#e7edf7!important}html[data-theme=dark] .topbar,html[data-theme=dark] .sidebar,html[data-theme=dark] .booking-panel,html[data-theme=dark] .card{background:#202938!important;color:#e7edf7!important}html[data-theme=dark] .panel-title h1,html[data-theme=dark] .panel-title h2,html[data-theme=dark] .page-heading h1{color:#e7edf7!important}html[data-theme=dark] .route-box,html[data-theme=dark] .fare-stepper,html[data-theme=dark] .tracking-card,html[data-theme=dark] .vehicle-preview,html[data-theme=dark] .service-tabs button{background:#29354a!important;border-color:#3a4961!important;color:#e2eafa!important}html[data-theme=dark] .service-tabs button.selected{background:#129dce!important}html[data-theme=dark] .direct-location input{background:#202c3e!important;color:#e2eafa!important;border-color:#405371!important}@media(max-width:700px){.service-tabs{gap:6px!important}.service-tabs button strong{font-size:11px!important}.service-tabs .service-art{width:47px!important;height:36px!important}.service-tabs button span{height:35px;width:47px}}
.login-story{background:#eef2fa!important;color:#253247!important}.login-story h1{font-weight:650!important;letter-spacing:-.06em!important}.role-icon{background:#e9f7fc!important;color:#129dce!important}.pin-card{background:#f5f7fa!important;border-color:#dfe7f4!important;color:#526582!important}.auto-match-note{background:#e9f7fc!important;color:#129dce!important}.settings-row input[type=checkbox],.demo-tracking input[type=range]{accent-color:#129dce!important}.review-stars{color:#4e79d9!important}.review-stars .filled svg{fill:#8facf0!important}.profile-hero .profile-avatar{box-shadow:none!important}.photo-upload{box-shadow:none!important}.service-pill svg{color:#647c9f}.offer-price{font-weight:650!important}.trip-price strong{font-weight:650!important}.brand{color:#253247}.login-form h2{font-weight:650!important}.fare-stepper button{box-shadow:0 2px 6px #202c3e12!important}.google-map-symbol{background:#f8faff!important;box-shadow:7px 7px 18px #d5deed,-7px -7px 18px #ffffff!important}.google-setup{background:#eef2fa!important;color:#526582!important}
.cash-mark,.pickup-notes summary,.pickup-notes summary span{color:#6a7b91!important}.fare-chips button{background:#fafbfc;border-color:#e1e7ef;color:#526582}.map-bottom-info{color:#6a7b91!important}.map-bottom-info .icon{color:#6a7b91!important}
/* One interface palette: cobalt / graphite / neutral */
.leaflet-tile-pane{filter:grayscale(1) contrast(.94) brightness(1.03)}.route-dot.pickup,.map-pin.pickup{background:#253247!important;color:#fff!important}.route-dot.dropoff,.map-pin.dropoff{background:#129dce!important;color:#fff!important}.source-label.simulated{background:#e9f7fc!important;color:#129dce!important}.cancel-ride-button{background:#fff1ef!important;border-color:#e8c9c5!important;color:#bf4e48!important}.cancel-ride-button:hover{background:#fff1ef!important}.demo-tracking,.tracking-card,.service-summary,.trip-route{border-color:#e0e6ee!important}.vehicle-art{filter:saturate(.3)}.inline-place-results button:hover,.account-links button:hover{background:#f5f7fa}.drawer-profile,.sidebar-bottom{border-color:#e0e6ee!important}.settings-row input[type=checkbox],.demo-tracking input[type=range]{accent-color:#129dce!important}.review-stars,.cash-mark,.gps-inline,.pickup-notes summary{color:#526582!important}.service-tabs .service-art{filter:none}.service-tabs button.selected .service-art{filter:brightness(1.1)}.startup-screen{background:#fafbfc!important}.map-bottom-info{background:#fffffff0}.route-action,.route-search,.primary{transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.service-tabs button.selected{background:#e9f7fc!important;border-color:#129dce!important;color:#129dce!important;box-shadow:0 3px 12px #129dce18!important}.direct-location .route-action.pickup,.direct-location .route-action.dropoff{background:#e9f7fc!important;color:#129dce!important}.map-connect.map-top-label{inset:15px auto auto 15px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 85px);border:1px solid #e0e6ee;background:#fff;padding:9px 12px;border-radius:9px;font-weight:550}.google-g{width:19px;height:19px;flex-shrink:0}.usd-cash{display:flex;gap:4px;align-items:center;font-weight:650;color:#129dce!important}.usd-cash>span{font-size:23px}.usd-cash small{font-size:10px;letter-spacing:.05em}.brand[role=button]{cursor:pointer}.brand[role=button]:focus-visible{outline:2px solid #129dce;outline-offset:5px;border-radius:4px}
/* Theme surfaces must override earlier component rules */
html[data-theme=dark] .settings-card,html[data-theme=dark] .account-card,html[data-theme=dark] .booking-panel,html[data-theme=dark] .card,html[data-theme=dark] dialog{background:#202938!important;color:#e7edf7!important}html[data-theme=dark] .route-box,html[data-theme=dark] .direct-location,html[data-theme=dark] .auto-accept-option,html[data-theme=dark] .readonly-field,html[data-theme=dark] .contact-profile,html[data-theme=dark] .service-pill,html[data-theme=dark] .vehicle-preview,html[data-theme=dark] .tracking-card{background:#29354a!important;color:#e2eafa!important;border-color:#405371!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#202c3e!important;color:#e2eafa!important;border-color:#405371!important}html[data-theme=dark] .service-tabs button.selected{background:#129dce!important;color:#fff!important}html[data-theme=dark] .fare-amount input,html[data-theme=dark] .fare-heading label,html[data-theme=dark] .tracking-metrics strong,html[data-theme=dark] .tracking-heading,html[data-theme=dark] .direct-location-label>span{color:#e2eafa!important}html[data-theme=dark] .map-connect{background:#202938!important;color:#e2eafa!important;border-color:#405371!important}html[data-theme=dark] .brand{color:#e7edf7!important}html[data-theme=dark] .account-links button,html[data-theme=dark] .help-card details,html[data-theme=dark] .inline-place-results{background:#202938!important;color:#e2eafa!important}html[data-theme=dark] .inline-place-results button:hover{background:#29354a!important}html[data-theme=dark] .muted,html[data-theme=dark] .fine-print,html[data-theme=dark] .settings-row small{color:#a8b8ce!important}html[data-theme=light] .settings-card{background:#fff!important;color:#202833!important}
/* Reference-inspired cyan / blue atmospheric welcome */
.login-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 5%,#166db0 0,transparent 53%),radial-gradient(ellipse at 14% 17%,#039db3 0,transparent 57%),radial-gradient(ellipse at 60% 95%,#078f9f 0,transparent 48%),linear-gradient(135deg,#087f9a,#063653)!important;color:#fff!important;padding:45px clamp(24px,5vw,72px)!important}.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.login-story .brand{color:#fff!important}.login-story .kicker{color:#a5e7f1!important;letter-spacing:.2em}.login-story h1{color:#fff!important;font-size:clamp(48px,6vw,86px)!important;line-height:1.04!important;font-weight:650!important;letter-spacing:-.055em!important;text-wrap:balance}.login-story p{color:#c1e5ee!important;font-size:17px!important;line-height:1.75!important}.login-story .city-line,.login-story>small{color:#a1d7e5!important}.login-story .city-line span{background:#72d4e7!important}.primary{background:linear-gradient(110deg,#0abbd1,#1687d1)!important;border-color:#0c9bc5!important;box-shadow:0 4px 13px #0c91be24,inset 0 1px 0 #ffffff35!important}.primary:hover:not(:disabled){background:linear-gradient(110deg,#09aec5,#0d79c5)!important}.service-tabs button.selected{background:#e8f8fc!important;border-color:#12a4cb!important;color:#088ab4!important}.service-tabs button:hover{border-color:#80d2e5!important}.fare-chips button.selected{background:#e8f8fc!important;border-color:#9bd9e8!important;color:#078ab8!important}.direct-location .route-search,.direct-location .route-action.pickup,.direct-location .route-action.dropoff{background:#e9f7fc!important;color:#129dce!important}.startup-screen{background:#15171a!important;color:#fff!important}.startup-brand .logo{filter:drop-shadow(0 5px 12px #0baac529)!important}.login-form{background:#fff}.role-icon{background:#e9f7fc!important;color:#129dce!important}.map-pin.dropoff{background:#129dce!important}.sidebar nav button.active{background:#e9f7fc!important;color:#078ab8!important}html[data-theme=dark] body{background:#15171a!important}html[data-theme=dark] .topbar,html[data-theme=dark] .sidebar,html[data-theme=dark] .card,html[data-theme=dark] .booking-panel,html[data-theme=dark] dialog{background:#202328!important}html[data-theme=dark] .service-tabs button.selected{background:#087eac!important;color:white!important}@media(max-width:700px){.login-story{min-height:578px;padding:35px 28px!important}.login-story h1{font-size:64px!important}.login-story p{font-size:16px!important}.login-story .brand{font-size:25px}.login-story>small{font-size:11px}}
/* Model catalogue, adaptive brand and compact launch */
.logo{color:#129dce;--logo-ink:#fff}.login-story .logo,.startup-brand .logo{color:#fff;--logo-ink:#078ab8}.brand[role=button]{cursor:pointer}.login{align-items:center;padding:28px;gap:24px;background:#f5f8fb!important}.login-story{aspect-ratio:1/1;height:auto!important;min-height:0!important;border-radius:20px;padding:32px!important;box-shadow:0 14px 44px #078ab817}.login-story h1{font-size:clamp(42px,5vw,70px)!important}.login-story p{font-size:15px!important;line-height:1.6!important}.login-story .brand{font-size:24px}.login-form{border-radius:20px}.model-visual{transform-origin:center 80%;transition:transform .32s ease,filter .32s ease;filter:none!important}.vehicle-preview:hover .model-visual,.assigned-vehicle:hover .model-visual{transform:perspective(600px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(0 5px 4px #129dce15)!important}.map-car,.map-pin.pickup{background:#129dce!important;color:#fff!important;border-color:#fff!important}.map-car svg,.map-pin.pickup svg{color:#fff!important;stroke:#fff!important}.map-gps{color:#129dce!important;background:#e9f7fc!important;border-color:#b9e6f1!important}.role-icon .icon{stroke-width:1.6}.startup-screen{background:radial-gradient(ellipse at 95% 5%,#166db0 0,transparent 53%),radial-gradient(ellipse at 14% 17%,#039db3 0,transparent 57%),radial-gradient(ellipse at 60% 95%,#078f9f 0,transparent 48%),linear-gradient(135deg,#087f9a,#063653)!important;transition:opacity .16s ease}.startup-brand .logo-tile{opacity:0;animation:brand-tile .2s ease .12s forwards}.startup-brand .logo-c{stroke-dasharray:1;stroke-dashoffset:1;animation:brand-draw .4s ease .25s forwards}.startup-brand .logo-arrow{stroke-dasharray:1;stroke-dashoffset:1;animation:brand-draw .3s ease .55s forwards}.startup-brand>span{opacity:0;clip-path:inset(0 100% 0 0);animation:brand-word .45s ease .4s forwards}.startup-brand .logo{filter:none!important}.startup-brand{font-weight:650}@keyframes brand-tile{to{opacity:1}}@keyframes brand-draw{to{stroke-dashoffset:0}}@keyframes brand-word{to{opacity:1;clip-path:inset(0 0 0 0)}}html[data-theme=dark] .logo{color:#48c9e7;--logo-ink:#123d56}html[data-theme=dark] .map-gps{background:#123d56!important;color:#60d4eb!important}@media(max-width:700px){.login{padding:14px;gap:12px}.login-story{aspect-ratio:1;min-height:0!important;padding:26px!important}.login-story h1{font-size:clamp(40px,8vw,58px)!important}.login-story p{font-size:14px!important}.login-story .brand{font-size:22px}.login-story .city-line{font-size:10px}.login-story>small{font-size:10px}.login-form{padding-top:15px}}@media(prefers-reduced-motion:reduce){.startup-brand .logo-tile,.startup-brand>span{opacity:1;clip-path:none;animation:none!important}.startup-brand .logo-c,.startup-brand .logo-arrow{stroke-dashoffset:0;animation:none!important}.model-visual{transition:none!important;transform:none!important}}
/* Softer foregrounds on colored and dark surfaces */
.login-story .brand{color:rgba(255,255,255,.82)!important}.login-story h1{color:rgba(255,255,255,.86)!important}.login-story p{color:rgba(223,245,250,.74)!important}.login-story .kicker{color:rgba(221,248,252,.65)!important}.login-story .city-line,.login-story>small{color:rgba(217,242,248,.62)!important}.startup-screen{color:rgba(255,255,255,.84)!important}.login-story .logo,.startup-brand .logo{color:rgba(255,255,255,.86);--logo-ink:#078ab8}.primary{color:rgba(255,255,255,.91)!important}.map-car,.map-pin.pickup,.map-pin.dropoff{color:rgba(255,255,255,.91)!important}.map-car svg,.map-pin.pickup svg{stroke:rgba(255,255,255,.91)!important}html[data-theme=dark] body,html[data-theme=dark] .topbar,html[data-theme=dark] .sidebar,html[data-theme=dark] .card,html[data-theme=dark] .booking-panel,html[data-theme=dark] dialog{color:#ccd6e2!important}html[data-theme=dark] .panel-title h1,html[data-theme=dark] .panel-title h2,html[data-theme=dark] .page-heading h1{color:#d3dde7!important}html[data-theme=dark] .brand{color:#ccd6e2!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .direct-location input,html[data-theme=dark] .fare-amount input,html[data-theme=dark] .fare-heading label,html[data-theme=dark] .tracking-metrics strong,html[data-theme=dark] .tracking-heading{color:#cbd6e3!important}html[data-theme=dark] .service-tabs button.selected{color:rgba(255,255,255,.9)!important}html[data-theme=dark] .login-story .brand{color:rgba(255,255,255,.82)!important}
/* One clear blue brand and active matching feedback */
.route-dot.pickup,.route-dot.dropoff,.map-pin.pickup,.map-pin.dropoff,.map-car{background:#129dce!important;color:#fff!important}.route-dot svg,.map-car svg{stroke:#fff!important}.logo{color:rgba(18,157,206,.92)!important;--logo-ink:rgba(255,255,255,.9)!important}.login-story .logo,.startup-brand .logo{color:rgba(53,203,236,.88)!important;--logo-ink:rgba(255,255,255,.9)!important}.login-story .brand{color:rgba(245,253,255,.87)!important}.brand-light{opacity:.86}.city-line{display:flex;gap:9px;flex-wrap:wrap;align-items:center;line-height:1.7}.city-line span{flex-shrink:0}.driver-search-state{display:flex;gap:11px;align-items:center;padding:15px 10px;background:#eef9fd;border:1px solid #cceef7;border-radius:10px;margin:14px 0}.driver-search-state strong{display:block;font-size:12px;font-weight:600;color:#148bb7}.driver-search-state small{display:block;font-size:10px;line-height:1.5;color:#7392a1;margin-top:4px}.search-orbit{width:34px;height:34px;position:relative;display:grid;place-items:center;color:#129dce;flex-shrink:0}.search-orbit:before{content:'';position:absolute;inset:0;border:2px solid #bce8f4;border-top-color:#129dce;border-radius:50%;animation:offer-scan 1.2s linear infinite}.search-orbit svg{width:18px}.search-dots{color:#129dce;letter-spacing:2px;margin-left:auto;animation:offer-pulse 1.3s ease-in-out infinite}.offer-countdown{display:flex;justify-content:space-between;align-items:center;padding:10px 1px;color:#7592a2;font-size:11px}.offer-countdown strong{background:#e9f7fc;color:#129dce;padding:4px 8px;border-radius:5px;font-variant-numeric:tabular-nums;font-size:12px}.offer-countdown strong.urgent{background:#fff1ef;color:#bf4e48}.decline-offer{margin-top:8px;width:100%;border:0;background:transparent;color:#78919e;padding:8px;font-size:11px;box-shadow:none}.decline-offer:hover{color:#129dce;background:#f2fafd}.settings-row:first-child{color:#129dce}.topbar{border-bottom-color:#dceff7!important}.service-pill{background:#e9f7fc!important;color:#4193b1!important}.sidebar nav button.active{box-shadow:inset 3px 0 #129dce}.map-pin svg{stroke:#fff!important}@keyframes offer-scan{to{transform:rotate(360deg)}}@keyframes offer-pulse{50%{opacity:.35}}html[data-motion=reduced] .search-orbit:before,html[data-motion=reduced] .search-dots{animation:none!important}@media(prefers-reduced-motion:reduce){.search-orbit:before,.search-dots{animation:none!important}}
/* Frosted, tactile surfaces with restraint */
body{background:radial-gradient(ellipse at 0 0,#dff3fa55,transparent 55%),#edf2f7!important}.topbar{background:#f9fcffde!important;backdrop-filter:blur(18px);border-bottom:1px solid #fff!important}.card,.booking-panel{background:rgba(249,252,255,.83)!important;border:1px solid #fff!important;box-shadow:8px 10px 28px #bdcbd630,-5px -5px 18px #fff8!important;backdrop-filter:blur(18px)}.offer-card{background:linear-gradient(145deg,#ffffffc9,#eef5fac4)!important;border:1px solid #ffffffed!important;border-radius:16px!important;box-shadow:5px 6px 18px #b6c7d128,-4px -4px 13px #fff9!important;padding:16px!important}.offer-person strong{font-size:14px;letter-spacing:-.02em}.offer-price{font-size:23px!important;color:#176c97!important}.driver-rating{font-size:10px;color:#7298aa!important}.pickup-eta{display:block;color:#4194b2;font-size:10px;line-height:1.5;margin-top:4px}.vehicle-preview{background:linear-gradient(135deg,#f4faffd9,#eaf2f8ba)!important;border:1px solid #ffffffdb!important;border-radius:12px!important;box-shadow:inset 2px 2px 7px #cbd9e521,inset -2px -2px 7px #fff7;padding:12px!important}.registration{background:#f7fbffe0!important;border:1px solid #c8dfe9!important;border-bottom:2px solid #b6d5e3!important;letter-spacing:.12em;font-size:11px!important;border-radius:6px!important}.offer-actions>button:first-child{background:#f8fcffd9;border-color:#d9e8ee;color:#6d91a2}.offer-actions .primary{display:flex;gap:8px;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-width:0}.offer-actions .primary>span:first-child{display:flex;align-items:center;gap:5px;font-size:12px}.accept-clock{font-variant-numeric:tabular-nums;padding:4px 6px;background:#ffffff25;border:1px solid #ffffff35;border-radius:5px;font-size:10px}.offer-actions .primary:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:var(--offer-progress,100%);background:#b2f0fbad;transition:width 1s linear}.viewer-strip{display:flex;gap:11px;align-items:center;padding:5px 4px 14px}.viewer-avatars{display:flex;padding-left:3px}.viewer-avatars .avatar{width:30px;height:30px;margin-left:-3px;border:2px solid #f7fbff;color:#2987a9;background:#def1f8!important;font-size:10px}.viewer-strip strong{display:block;font-size:11px;color:#5d8ba1;font-weight:600}.viewer-strip small{font-size:9px;color:#8ba4b1}.offer-arrival{animation:offer-enter .45s cubic-bezier(.2,.65,.3,1) both}@keyframes offer-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}#toast{background:rgba(245,252,255,.95)!important;backdrop-filter:blur(20px);color:#517a8d!important;border:1px solid #c8e7f1;box-shadow:0 10px 30px #2c71951b;border-radius:12px;padding:14px 20px;font-size:12px}.premium-offer-toast{border-color:#86d8eb!important;box-shadow:0 10px 32px #139cc928!important}.premium-offer-toast:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#129dce;margin-right:9px;box-shadow:0 0 0 4px #129dce15}.login-story .brand{color:rgba(230,249,255,.89)!important}.login-story .logo,.startup-brand .logo{color:rgba(75,213,241,.92)!important;--logo-ink:rgba(255,255,255,.92)!important}.login-story h1{color:rgba(237,251,255,.88)!important}.direct-location-label input,.settings-row select{background:#f9fcffce!important}.readonly-field,.service-tabs button:not(.selected){background:#f6fbffd9!important}.primary{box-shadow:3px 5px 13px #0d95bb26,inset 0 1px 0 #ffffff42!important}.service-tabs button{border-color:#fff!important}.service-tabs button.selected{border-color:#9fd9e9!important}.account-card,.settings-card,.reviews-card{backdrop-filter:blur(18px)}html[data-motion=reduced] .offer-arrival{animation:none!important}html[data-motion=reduced] .offer-actions .primary:after{transition:none!important}@media(prefers-reduced-motion:reduce){.offer-arrival{animation:none!important}.offer-actions .primary:after{transition:none!important}}
.login-form{background:rgba(250,253,255,.8)!important;backdrop-filter:blur(18px);border:1px solid #fff;box-shadow:5px 8px 25px #bfcfd520}.sidebar{background:rgba(247,252,255,.94)!important;backdrop-filter:blur(22px)}dialog{background:rgba(247,252,255,.96)!important;backdrop-filter:blur(22px);border:1px solid #fff!important;box-shadow:0 18px 65px #235b7225!important}.inline-place-results{background:rgba(250,253,255,.95)!important;backdrop-filter:blur(12px)}.settings-row{border-bottom-color:#dceaf2!important}.photo-upload,.payment-icon-button{background:rgba(247,252,255,.9)!important;box-shadow:3px 3px 10px #bccfd322,-2px -2px 8px #fff9}.map-connect{background:rgba(248,253,255,.94)!important;backdrop-filter:blur(12px)}
/* White glass branding only on colored welcome surfaces */
.login-story .logo,.startup-brand .logo{color:rgba(255,255,255,.17)!important;--logo-ink:rgba(248,254,255,.94)!important;filter:none!important}.login-story .logo .logo-tile,.startup-brand .logo .logo-tile{stroke:rgba(255,255,255,.25);stroke-width:.8}.login-story .brand{color:rgba(248,254,255,.87)!important}.login-story .brand-light{opacity:.91}.role-card[data-role=driver] .role-icon .icon{width:27px;height:27px;stroke-width:1.45}.topbar .logo,.sidebar .logo{color:rgba(18,157,206,.92)!important;--logo-ink:rgba(255,255,255,.9)!important}
/* Clear decisions and clean brand text */
.decline-offer{display:block!important;min-height:40px;border:1px solid #b9dcea!important;background:#edf8fd!important;color:#277c9e!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;margin-top:10px!important;box-shadow:inset 0 1px 0 #fff!important}.decline-offer:hover{background:#def2fb!important;border-color:#87c7dd!important}.offers{overflow:hidden}.offer-exit{animation:offer-swipe .28s ease-in forwards!important;pointer-events:none}@keyframes offer-swipe{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}.brand,.brand-light,.login-story .brand-light,.startup-light{opacity:1!important}.login-story .brand,.startup-screen{color:#eefaff!important}.startup-brand>span{color:#eefaff}.login-story .logo .logo-tile,.startup-brand .logo .logo-tile{stroke:none!important;stroke-width:0!important}@media(prefers-reduced-motion:reduce){.offer-exit{animation:none!important;opacity:0}}html[data-motion=reduced] .offer-exit{animation:none!important;opacity:0}
/* Legible theme actions and calm arrival */
.direct-location .route-action,.direct-location .route-search,.map-gps{color:#129dce!important;background:#e9f7fc!important}.direct-location .route-action .icon,.direct-location .route-search .icon,.map-gps .icon{stroke:#129dce!important;color:#129dce!important}.swap-route{color:#129dce!important;background:#f0fbff!important;border-color:#c4e8f2!important}.arrival-card{background:#e9f8fd;border:1px solid #b9e5f1;border-radius:12px;padding:17px;margin:15px 0}.arrival-card>div{display:flex;gap:10px;align-items:center;color:#129dce}.arrival-card small{display:block;font-size:11px;color:#7198aa;line-height:1.5;margin-top:4px}.arrival-card>strong{display:block;font-size:32px;letter-spacing:-.04em;color:#128fbd;font-variant-numeric:tabular-nums;margin:14px 0}.arrival-card .primary{margin-bottom:8px}.tracking-heading #pickup-metres{font-size:17px;color:#218fb4;font-weight:650}.map-car{box-shadow:0 0 0 5px #129dce19,0 5px 12px #129dce25!important}.map-car svg{width:25px;height:25px}.arrival-card .fine-print{font-size:10px}
.navigation-source{display:block;font-size:9px;color:#208bb5;padding-right:10px}.map-bottom-info{flex-wrap:wrap;gap:5px}.navigation-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#129dce;border:1px solid #b9e1ed;border-radius:8px;background:#edf9fd;padding:12px;margin:10px 0;font-size:12px;text-decoration:none}.navigation-link svg{width:18px}
/* Brand harmony and slide-down trip events */
.login-story .logo,.startup-brand .logo{color:rgba(255,255,255,.12)!important;--logo-ink:rgba(240,253,255,.94)!important}.login-story .brand,.startup-screen{color:#e5f7ff!important}.login-story .logo .logo-tile,.startup-brand .logo .logo-tile{stroke:none!important}.trip-count{display:block;font-size:10px;color:#7391a1;margin-top:3px}#ride-banner{position:fixed;top:12px;left:50%;transform:translate(-50%,-140%);opacity:0;z-index:99990;max-width:calc(100vw - 28px);width:430px;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #c6e7f1;border-radius:14px;background:rgba(245,252,255,.97);backdrop-filter:blur(22px);box-shadow:0 8px 30px #22678622;transition:transform .3s cubic-bezier(.2,.7,.3,1),opacity .2s}#ride-banner.visible{transform:translate(-50%,0);opacity:1}#ride-banner strong{display:block;color:#2488ac;font-size:13px;font-weight:600}#ride-banner small{display:block;color:#7895a4;font-size:11px;line-height:1.5;margin-top:4px}#ride-banner .banner-icon{display:grid;place-items:center;background:#dcf3fb;color:#129dce;width:32px;height:32px;border-radius:10px;flex-shrink:0}#ride-banner>button{margin-left:auto;background:transparent;border:0;color:#88a2b0;padding:3px}#ride-banner>button svg{width:16px}.call-options{display:grid;gap:9px;margin:16px 0}.call-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid #d0e7ef;border-radius:9px;background:#edf8fcee;padding:15px;color:#298eae;text-decoration:none}.call-option small{display:block;color:#789aab;font-size:10px;margin-top:5px}.call-option.unavailable,.call-option:disabled{opacity:.65}.call-option svg{width:20px}.trip-chat{border-color:#cde7f0}@media(prefers-reduced-motion:reduce){#ride-banner{transition:none}}html[data-motion=reduced] #ride-banner{transition:none}

/* Trip conversation and active navigation */
.contact-driver-button{background:linear-gradient(135deg,#148edc,#0879d1)!important;color:#fff!important;border:1px solid #289de9!important;box-shadow:0 5px 18px #0879d126;font-weight:600;min-height:58px;border-radius:16px!important}.contact-driver-button .icon{width:25px;height:25px}
.conversation{max-width:720px;margin:20px auto;height:min(740px,calc(100dvh - 160px));display:flex;flex-direction:column;background:linear-gradient(145deg,#f7fbff,#eef5fc);border:1px solid #dce9f4;border-radius:24px;overflow:hidden;box-shadow:0 16px 50px #17619a0d}.conversation-header{display:flex;align-items:center;gap:12px;padding:18px;background:#ffffffb8;border-bottom:1px solid #dce9f4}.conversation-header>div{flex:1}.conversation-header strong,.conversation-header small{display:block}.conversation-header small{margin-top:4px;color:#60778e;font-size:12px}.conversation-header>button:first-child svg{transform:rotate(180deg)}.conversation-messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.conversation-note{font-size:12px;color:#73899d;text-align:center;max-width:330px;align-self:center;margin:0 0 18px}.chat-bubble{max-width:80%;padding:12px 17px;border-radius:20px;box-shadow:0 3px 8px #29496e08}.chat-bubble p{margin:0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.sent{align-self:flex-end;background:#168ce5;color:#fff;border-bottom-right-radius:5px}.chat-bubble.received{align-self:flex-start;background:#e1eaf3;color:#254761;border-bottom-left-radius:5px}.chat-empty{color:#7b90a5;text-align:center;font-size:14px}.conversation-composer{display:flex;gap:10px;padding:14px;background:#ffffffa8;border-top:1px solid #dce9f4}.conversation-composer input{flex:1;min-width:0;border-radius:24px;background:#fff}.conversation-composer button{border-radius:50%;width:46px;height:46px;padding:10px}.navigation-instruction{position:absolute;top:70px;left:16px;right:70px;z-index:450;background:#087dcced;color:white;padding:13px 18px;border-radius:16px;box-shadow:0 5px 18px #076eb42b;font-size:13px;line-height:1.4;pointer-events:none}.pickup-beacon{display:grid;place-items:center;width:36px;height:36px;position:relative}.pickup-beacon i{width:14px;height:14px;background:#2585f3;border:3px solid white;border-radius:50%;box-shadow:0 0 0 5px #2585f326;z-index:1}.pickup-beacon:before,.pickup-beacon:after{content:'';position:absolute;inset:0;border:2px dotted #2585f3;border-radius:50%;animation:pickup-radiate 2s ease-out infinite}.pickup-beacon:after{animation-delay:1s}@keyframes pickup-radiate{from{transform:scale(.45);opacity:.8}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.pickup-beacon:before,.pickup-beacon:after{animation:none}}@media(max-width:700px){.conversation{margin:0;height:calc(100dvh - 135px);border-radius:18px}.conversation-messages{padding:16px}.chat-bubble{max-width:85%}}

/* One standard vehicle asset; body paint comes from the saved vehicle colour. */
.model-visual{transform:none!important;transition:none!important;object-fit:contain}.map-car{width:60px!important;height:36px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;align-items:center;justify-content:center}.map-car .vehicle-art{width:60px!important;height:32px!important;filter:drop-shadow(0 2px 2px #16395c26)}

/* Consistent call-option alignment and return controls. */
.call-options .call-option{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:16px;width:100%;padding:20px 24px;justify-content:start!important;text-align:left!important;min-height:96px}.call-options .call-option>span{display:block;text-align:left;line-height:1.4}.call-options .call-option small{display:block;margin-top:5px;text-align:left}.call-options .call-option .icon{width:25px;height:25px;margin:0}.call-options button:disabled{cursor:default}.page-back{margin:0 0 18px;background:#ffffff99;color:#1685bd;border-color:#d8eaf5;gap:7px}.page-back svg,.sheet-back svg{transform:rotate(180deg)}.sheet-header{justify-content:space-between}.sheet-back{color:#1685bd}

.menu-rating{display:flex!important;gap:5px;align-items:center;margin-top:5px;color:#258abb}.menu-rating .icon{width:13px;height:13px}.heading-out-label{display:block;color:#1685bd;font-size:13px;font-weight:600;margin-top:16px}.completion-rating{text-align:center;padding:10px 12px}.completion-check{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e0f4ff;color:#168dd4;margin:0 auto 18px}.completion-rating p{margin:10px 0 18px;color:#668498}.rating-buttons{display:flex;justify-content:center;gap:6px}.rating-buttons button{padding:8px;background:transparent;border:0;color:#a5bccc}.rating-buttons .icon{width:34px;height:34px}.rating-buttons .selected{color:#159ade}.rating-buttons .selected svg{fill:#159ade}

.arrival-card{border:1px solid #73c9f0!important;background:linear-gradient(130deg,#e3f7ff,#f4fbff)!important;margin:0 0 18px!important;padding:20px!important}.arrival-card #arrival-countdown{display:block;font-size:40px;letter-spacing:-1px;color:#087fbd;margin:6px 0}.demo-journey{padding:15px;border:1px solid #cfe7f5;border-radius:16px;background:#f0f9ff;margin:0 0 18px}.demo-journey>small{letter-spacing:1px;color:#218ab8}.demo-journey p{font-size:12px;line-height:1.6;margin-top:8px;color:#5b7b91}.automatic-message{display:block;font-size:10px;margin-top:5px;opacity:.7}.calling-screen{text-align:center;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:16px}.calling-avatar{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#e4f6ff;color:#208fbd;font-size:27px;box-shadow:0 0 0 12px #edf9ff}.calling-screen>small{max-width:290px;line-height:1.7}.calling-screen>strong{color:#168dc6}.end-call{background:#e34b58!important;color:#fff!important;border-color:#e34b58!important;border-radius:30px;padding:15px 30px;margin-top:25px}

.content>.arrival-card{max-width:720px;margin:16px auto!important;scroll-margin-top:18px}.content>.arrival-card #arrival-countdown{font-variant-numeric:tabular-nums}@media(min-width:800px){.content>.arrival-card{max-width:none;display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:8px 24px;align-items:center}.content>.arrival-card>div{grid-row:1 / 3}.content>.arrival-card .heading-out-label{grid-column:2;margin:0}.content>.arrival-card #arrival-countdown{grid-column:2;grid-row:2;margin:0}.content>.arrival-card #heading-out{grid-column:3;grid-row:1 / 3;margin:0}.content>.arrival-card .fine-print{grid-column:1 / -1}}

.welcome-heading{margin-bottom:18px}.welcome-eyebrow{display:block;color:#268dbb;font-size:10px;font-weight:650;letter-spacing:2.2px;margin-bottom:15px}.login-form .welcome-heading h2{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-1.8px!important;color:#42647c}.welcome-heading h2>span{color:#087fc1;font-weight:650;letter-spacing:-1.9px}.welcome-rule{height:3px;width:44px;background:linear-gradient(90deg,#14bed7,#1486d0);border-radius:3px;margin-top:18px}.login-form-inner>.muted{max-width:330px;line-height:1.65;margin-bottom:22px}@media(max-width:760px){.login-form .welcome-heading h2{font-size:36px!important}.welcome-eyebrow{font-size:9px;letter-spacing:1.8px}.welcome-heading{margin-bottom:14px}}

/* Timed offers keep their elapsed fill across cloud refreshes. */
.offer-actions .timed-accept{position:relative;isolation:isolate;overflow:hidden;background:#e8f5fc!important;color:#124966!important;border-color:#72c6e8!important}.offer-actions .timed-accept:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#6ac9ec,#3db4df);transform-origin:left;animation:offer-colour-drain var(--offer-duration,30s) linear var(--offer-elapsed,0s) both}.offer-actions .timed-accept:after{display:none!important}.timed-accept .accept-clock{color:#124966!important;background:#ffffff80!important;min-width:38px;font-variant-numeric:tabular-nums}.offer-countdown{margin:12px 0 8px!important;color:#688497;font-size:11px}.offer-countdown strong{font-variant-numeric:tabular-nums}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.calling-avatar{overflow:hidden}.calling-avatar .profile-photo{width:90px;height:90px}.account #sound-preview{color:#188ec4;border:1px solid #dcecf6;background:#f2faff}.chat-bubble .automatic-message{font-size:10px}@keyframes offer-colour-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.offer-actions .timed-accept:before{animation:none;transform:none;width:var(--offer-progress,100%)}}

.timed-heading{position:relative;isolation:isolate;overflow:hidden;background:#e7f5fc!important;color:#125272!important;border-color:#63bfdf!important}.timed-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#8cd8ec,#65c5e5);transform-origin:left;animation:offer-colour-drain 360s linear var(--wait-elapsed,0s) both}@media(prefers-reduced-motion:reduce){.timed-heading:before{animation:none;width:var(--wait-progress,100%)}}

/* Chin Drive welcome and navigation: blue brand surfaces, no overlapping drawer. */
.product-shell .sidebar .nav button{flex-direction:row!important;font-size:13px!important;text-align:left;gap:12px;justify-content:flex-start!important}.product-shell .sidebar .nav button span{font-size:13px!important}.product-shell .sidebar .nav button .icon{width:20px;height:20px}
.login-story,.startup-screen{background:radial-gradient(ellipse at 12% 8%,#39bce7 0,transparent 55%),radial-gradient(ellipse at 90% 95%,#087fc1 0,transparent 60%),linear-gradient(140deg,#129dce 0%,#087fc1 58%,#1165b0 100%)!important}
.login-story .logo,.startup-brand .logo{color:#ffffff18!important;--logo-ink:#f4fbff!important}
.login-story .brand{font-weight:650;letter-spacing:-.055em}.name-morph{display:inline-flex!important;align-items:baseline;white-space:pre;opacity:1!important;clip-path:none!important;animation:none!important;letter-spacing:-.05em}
.name-expand{display:inline-block;max-width:5em;overflow:hidden;opacity:1;animation:name-shorten .55s cubic-bezier(.22,.7,.3,1) .95s both}.name-space{display:inline-block;max-width:.3em;overflow:hidden;animation:name-shorten .55s ease .95s both}.name-drive{animation:name-case 1.5s step-end forwards}.startup-brand{gap:12px!important;font-size:clamp(25px,6vw,38px)!important}.login-story .name-morph{font-size:clamp(21px,2.4vw,29px)}.startup-brand>.name-morph{animation:none!important}.startup-brand .logo-tile{animation:none;opacity:0!important}
@keyframes name-shorten{0%{max-width:5em;opacity:1;filter:blur(0)}100%{max-width:0;opacity:0;filter:blur(3px)}}@keyframes name-case{0%,95%{text-transform:none}100%{text-transform:lowercase}}
.product-shell{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start}.product-shell>main{min-width:0;position:relative;z-index:0}.product-shell>.sidebar{display:none!important;position:sticky!important;inset:0!important;top:0!important;width:auto!important;height:100dvh!important;transform:none!important;transition:none;z-index:1;box-shadow:none!important;background:#f5faff!important;border-right:1px solid #d5e8f3;backdrop-filter:none;overflow:auto;padding:22px!important}.product-shell.menu-open{grid-template-columns:280px minmax(0,1fr)}.product-shell.menu-open>.sidebar{display:flex!important}.menu-backdrop{display:none!important}.sidebar .drawer-brand{gap:8px}.drawer-brand .brand{font-size:23px}.drawer-brand .icon-button{flex-shrink:0}.sidebar-bottom{display:block}.sidebar .nav{flex:0 0 auto}.drawer-profile>span:nth-child(2){min-width:0}.drawer-profile strong{overflow-wrap:anywhere}.inline-place-results[hidden]{display:none!important}.inline-place-results button[aria-selected=true]{background:#def1fc;outline:1px solid #9dd3ed}.inline-place-results .search-map-pick{color:#0785ba;border-top:1px solid #dbeaf3;border-radius:0}.search-note{padding:8px}.direct-location-label input{font-weight:500!important;font-size:15px!important;letter-spacing:-.015em!important}.profile-photo{animation:none!important;transition:none!important;object-fit:cover}
@media(max-width:760px){.product-shell.menu-open{grid-template-columns:minmax(0,1fr)}.product-shell.menu-open>main{display:none}.product-shell.menu-open>.sidebar{position:relative!important;min-height:100dvh;height:auto!important;max-height:none;width:100%!important;border-right:0}.sidebar nav button{min-height:48px}.sidebar .drawer-brand{justify-content:space-between}.startup-brand .logo{width:37px;height:37px}.login-story .name-morph{font-size:24px}}
@media(prefers-reduced-motion:reduce){.name-expand,.name-space{animation:none!important;max-width:0;opacity:0}.name-drive{animation:none!important;text-transform:lowercase}}html[data-motion=reduced] .name-expand,html[data-motion=reduced] .name-space{animation:none!important;max-width:0;opacity:0}html[data-motion=reduced] .name-drive{animation:none!important;text-transform:lowercase}

.login-story .name-expand,.login-story .name-space,.login-story .name-drive{animation-play-state:paused}html.startup-complete .login-story .name-expand,html.startup-complete .login-story .name-space,html.startup-complete .login-story .name-drive{animation-play-state:running}

/* Solid, legible welcome branding. */
.login-story .brand,.login-story h1,.startup-screen,.startup-brand>.name-morph{color:#ffffff!important;opacity:1!important}.login-story p{color:#e8f5ff!important}.login-story .kicker,.login-story .city-line,.login-story>small{color:#dbf0ff!important;opacity:1!important}.login-story .logo,.startup-brand .logo{color:#fff!important;--logo-ink:#fff!important;opacity:1!important}.login-story .logo-tile,.startup-brand .logo-tile{fill:none!important;stroke:none!important}.name-drive{animation:none!important;text-transform:none!important;opacity:1!important}

/* Solid Chin Drive controls; time is communicated only by the draining fill. */
.contact-driver-button,.contact-driver-button:hover{background:#129dce!important;background-image:none!important;border-color:#129dce!important}
button,.button,button:hover,.button:hover,button:before,button:after{background-image:none!important}button,.button{background-color:#f6fbff;box-shadow:0 2px 7px #217ca00d}.primary,button.primary,.button.primary{background:#129dce!important;border-color:#129dce!important;box-shadow:0 3px 10px #087eaf20!important}.primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:#0889ba!important;border-color:#0889ba!important}.service-tabs button:not(.selected),.role-card{background:#f7fbff!important}.service-tabs button.selected{background:#e6f5fc!important}.offer-actions .timed-accept,.offer-actions .timed-accept:hover:not(:disabled){background:#e7f5fc!important;color:#124966!important;border-color:#8ccfe7!important;box-shadow:0 2px 7px #168cb519!important;justify-content:center}.offer-actions .timed-accept:before{background:#67c6e7!important}.timed-heading,.timed-heading:hover:not(:disabled){background:#e7f5fc!important;color:#125272!important}.timed-heading:before{background:#7bcee8!important}.completion-check{width:84px;height:84px;border-radius:24px;background:#e4f4fc;border:1px solid #b9e0f0;color:#0989bd;box-shadow:0 5px 16px #128ab515}.completion-check .icon{width:46px;height:46px;stroke-width:1.5}#ride-banner .banner-icon:has(.icon-rideComplete){width:38px;height:38px}.comment-hint{font-size:11px;line-height:1.5;color:#64889b;margin-top:7px}.login-story .brand{gap:12px!important}.login-story .brand .logo{width:46px;height:46px}.login-story .name-morph{font-size:clamp(30px,3vw,36px)!important}@media(max-width:760px){.login-story .brand .logo{width:40px;height:40px}.login-story .name-morph{font-size:30px!important}.login-story .brand{gap:9px!important}}

.trip-estimates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:#edf7fd;border:1px solid #d1e8f5;border-radius:12px;margin:16px 0}.trip-estimates small{display:block;color:#5b8198;font-size:11px}.trip-estimates strong{display:block;font-size:23px;color:#087fac;font-weight:600;letter-spacing:-.03em;margin-top:5px;font-variant-numeric:tabular-nums}.trip-estimates p{grid-column:1/-1;color:#68899b;font-size:10px}.trip-confirmation-pin{margin-top:12px!important}.rating-comment-label{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;margin:17px 0 7px;font-size:12px;color:#486b82}.rating-comment-label span{font-size:10px;font-weight:400;color:#718c9c}#rating-review{display:block;text-align:left;min-height:64px;max-height:120px;resize:vertical;background:#f1f8fd;border:1px solid #d1e6f2;font-size:12px;line-height:1.5;border-radius:8px;padding:10px 12px}.heading-out-ready{grid-template-columns:minmax(200px,1fr) auto!important}.heading-out-ready #arrival-countdown{grid-column:2}.demo-journey .trip-confirmation-pin{background:#eef7fd}.demo-journey .trip-confirmation-pin strong{font-size:25px;letter-spacing:.15em}

.install-app-link{display:block;padding:13px 0;margin-top:12px;color:#087eaf;font-size:13px;font-weight:600;text-decoration:none}.install-app-link:hover{text-decoration:underline}@media(display-mode:standalone){.install-app-link{display:none}}

/* Booking fields must fit the narrow panel, including native iOS date controls. */
.service-fields{min-width:0;max-width:100%}.service-fields .row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.service-fields .row>div,.service-fields .passengers-field,.service-fields .weight-field{min-width:0;width:100%;max-width:100%;flex:initial}.service-fields label{display:block;margin:0 0 8px;line-height:1.4;font-size:12px;font-weight:600;color:#426b84}.service-fields input,.service-fields select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;min-height:50px;padding:12px 14px;border:1px solid #c9e2f0;border-radius:10px;background:#f3f9fd;color:#234c65;font-size:16px;line-height:1.5;box-shadow:inset 0 1px 3px #137eab06}.service-fields input:focus,.service-fields select:focus{outline:2px solid #129dce;outline-offset:2px;border-color:#129dce;background:#fff}.service-fields input[type=datetime-local]{appearance:none;-webkit-appearance:none;overflow:hidden}.service-fields input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-width:0}.service-fields input[type=datetime-local]::-webkit-datetime-edit{padding:0;min-width:0}.service-fields input::-webkit-calendar-picker-indicator{margin:0 0 0 6px;padding:3px;flex-shrink:0;opacity:.65}.service-fields .field-hint{display:block;font-size:11px;font-weight:400;color:#67869b;line-height:1.5;margin:7px 0 0}.service-fields>p{margin:14px 0 0;line-height:1.6}.booking-panel,.ride-layout{min-width:0}
