/* CityConnector — one considered experience for riders and drivers. */
:root{--accent:#087d70;--accent-dark:#056457;--text:#173d34;--teal:#123f38;--muted:#667a70;--bg:#f3f6ef;--border:#dce7dd;--soft:#e8f2e9;--soft-2:#f1f5ee}
html{background:#f3f6ef;scroll-padding-bottom:110px}body{background:radial-gradient(ellipse at 95% 0,#e0eedf 0,transparent 40%),radial-gradient(ellipse at 0 85%,#f0eadb 0,transparent 35%),#f3f6ef;color:var(--text)}
#app{min-height:100vh;min-height:100dvh;padding-bottom:120px;width:100%;max-width:1180px;margin:auto;display:flex;flex-direction:column;box-sizing:border-box}
*,*::before,*::after{box-sizing:border-box}.content{width:100%;max-width:1060px;padding:24px 32px 32px;min-width:0}.app-icon{width:23px;height:23px;flex:none;vertical-align:middle}.btn .app-icon{width:19px;height:19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:16px;font-size:15px}.btn-primary{background:#087d70;box-shadow:0 9px 24px #087d7018;color:white}.btn-primary:hover{background:#056457}.btn-outline{color:#123f38;background:#ffffffb8;border:1px solid #b8cec0}.link-btn{color:#087d70;min-height:44px}.back-btn{height:44px;width:44px;min-width:44px;background:#ffffffc9;border:1px solid #ffffff;border-radius:14px;color:#173d34;position:relative}
.card{background:#ffffffd9;border:1px solid #ffffff;border-radius:23px;padding:22px;box-shadow:0 8px 25px #21453205;margin-bottom:14px}.text-input,input.text-input,select.text-input{font-size:16px;min-height:50px;max-width:100%;color:#173d34;border:1px solid #d6e1d6;border-radius:14px;background:#fff}.block-label{line-height:1.6}input[type=date],input[type=datetime-local]{min-inline-size:0;max-width:100%}.row>*,.stack>*,form>*{min-width:0}.h1,h1,h2,h3{color:inherit}.app-symbol{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#deeee1;color:#087d70;flex:none}.app-symbol .app-icon{width:28px;height:28px}
.app-header{display:flex;align-items:center;gap:15px;padding:28px 32px 12px;max-width:1060px;width:100%;margin:auto auto 0}.app-header p{margin:0 0 5px;font-size:12px;color:#687d70;line-height:1.5}.app-header h1{font-size:25px;letter-spacing:-.8px;margin:0;line-height:1.2}.app-header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.app-mode-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#087d70;background:#e1ede0;border-radius:20px;padding:8px 12px}.app-avatar{width:52px;height:52px;flex:none;border-radius:50%;background:#fff;border:1px solid #fff;color:#123f38;font:700 22px Manrope,sans-serif;box-shadow:0 5px 20px #173d3408}
.app-bottom-nav{position:fixed;z-index:35;bottom:0;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 36px));padding:8px 12px calc(4px + env(safe-area-inset-bottom,0px));border:1px solid #fff;background:#fffffff5;box-shadow:0 12px 50px #173d341c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:25px 25px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.app-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#738278;min-height:52px;padding:5px 2px;font:600 10px Manrope,sans-serif;cursor:pointer;border-radius:16px;min-width:0}.app-bottom-nav button.active{color:#056457;background:#e8f3e8}.app-bottom-nav .app-icon{width:23px;height:23px}.mode-switch{display:none}
.app-loading{min-height:85vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#087d70}.app-loading strong{font-size:28px}.app-loading span{font-size:13px;color:#667a70}.app-loading .app-icon{width:48px;height:48px}
.app-home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:start}.app-search-card{border:1px solid #fff;background:#ffffffdd;border-radius:30px;padding:25px;box-shadow:0 12px 40px #21453206}.app-card-heading{display:flex;gap:15px;align-items:center;margin-bottom:24px}.app-card-heading h2{font-size:22px;letter-spacing:-.7px;margin:0 0 6px}.app-card-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:7px}.app-card-heading p:last-child{font-size:12px;color:#738377;line-height:1.6;margin:0}.app-search-card form{gap:0;background:#fafbf7;border:1px solid #e7ece2;border-radius:22px;padding:18px}.app-route-fields{position:relative;border-bottom:1px solid #e0e7da;padding-bottom:10px}.app-route-fields label{display:flex;align-items:center;gap:12px;padding:8px 46px 8px 0}.app-route-fields label>span{flex:1;min-width:0}.app-route-fields .app-icon{width:19px;color:#087d70}.app-route-fields label:last-child .app-icon{color:#718d68}.app-search-card small,.app-preference small{display:block;font-size:9px;letter-spacing:1px;font-weight:700;color:#788579;margin:0 0 5px}.app-route-fields input.text-input{border:0;background:transparent;box-shadow:none;padding:2px 0;min-height:32px;border-radius:5px;font-weight:600;font-size:16px;width:100%}.app-route-fields input:focus{outline:2px solid #8cbca8;outline-offset:4px}.app-swap{position:absolute;right:-2px;top:40px;width:42px;height:42px;background:#e1eee1;color:#087d70;border:0;border-radius:13px;cursor:pointer;display:grid;place-items:center}.app-search-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #e0e7da;font-size:14px}.app-search-row>label{flex:1}.app-search-row .text-input{border:0;background:none;padding:0;box-shadow:none;min-height:30px;font-size:15px;width:100%}.app-search-row .stepper{margin-left:auto;background:none;gap:7px}.stepper button{width:40px;height:40px;border-radius:12px;background:#e8eee3;color:#173d34;border:1px solid #e0e7da}.stepper button:last-child{background:#087d70;color:#fff}.stepper .val{min-width:22px;font-size:16px}.app-preference{display:flex;align-items:center;gap:14px;background:none;border:0;color:#173d34;padding:19px 0;text-align:left;font:inherit;cursor:pointer;width:100%}.app-preference>span:nth-child(2){flex:1}.app-preference strong{font-size:14px}.app-search-card .btn-primary{width:100%;margin-top:5px}.app-per-seat{font-size:11px!important;text-align:center;line-height:1.6;margin:15px 0 0}
.app-map-card{padding:25px;border-radius:30px;background:linear-gradient(145deg,#e1eedf,#f8f7ed);border:1px solid #fff}.app-map-card h2{font-size:30px;line-height:1.14;letter-spacing:-1px;margin:20px 0}.app-home-map{height:230px;overflow:hidden;border-radius:20px;background:#d7e9db;position:relative}.app-home-map>.app-journey-scene{width:100%;height:100%;object-fit:cover}.app-map-card>.muted{line-height:1.7;font-size:12px;margin:16px 0}.app-map-card>.btn{width:100%}.app-route-section{padding:30px 0 15px}.app-route-section h2{font-size:21px;letter-spacing:-.6px;margin:9px 0 18px}.route-chip{display:inline-flex;align-items:center;gap:12px;border-radius:16px;padding:15px;font-size:13px}.route-chip .app-icon{width:17px}.app-dual-callout{padding:22px;background:#e3eddf;border:1px solid #d9e5d4;border-radius:24px;display:flex;gap:15px;align-items:center;margin-top:14px}.app-dual-callout h3{font-size:17px;margin:0 0 5px}.app-dual-callout p{font-size:12px;line-height:1.6;margin:0;color:#687d70}.app-dual-callout>.btn{margin-left:auto;white-space:normal}
.app-summary{background:linear-gradient(130deg,#123f38,#235a48);padding:28px;border-radius:26px;color:#fff;margin-bottom:24px}.app-summary .eyebrow{color:#bbd3c3}.app-summary h1{font-size:29px;letter-spacing:-1px;margin:8px 0 24px}.app-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-stat-grid>div{display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff2b;background:#ffffff13;border-radius:19px;padding:17px;min-width:0}.app-stat-grid strong{font-size:23px}.app-stat-grid span{font-size:10px;letter-spacing:.2px;color:#d5e4da}.app-stat-grid .app-icon{width:20px;height:20px;color:#c5d8b4}.app-filter-chips{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 12px;margin:8px 0 16px;max-width:100%;scrollbar-width:thin}.app-filter-chips button{border:1px solid #d9e4d6;background:#ffffffbd;border-radius:24px;white-space:nowrap;padding:12px 18px;color:#6c7c70;cursor:pointer;font:600 12px Manrope,sans-serif;min-height:44px}.app-filter-chips button.active{background:#087d70;color:white;border-color:#087d70}.app-booking-list{display:grid;gap:15px}.app-booking-card{display:flex;text-align:left;align-items:center;gap:18px;border:1px solid #fff;background:#ffffffdc;border-radius:23px;padding:22px;color:#173d34;width:100%;cursor:pointer;font:inherit}.app-vehicle-thumb{width:110px;flex:none}.vehicle-art{width:100%;height:auto;display:block}.app-booking-card>div:nth-child(2){flex:1;min-width:0}.app-booking-card h3{font-size:16px;margin:12px 0 8px}.app-booking-card p{font-size:12px;color:#6c7c70;margin:6px 0;line-height:1.5}.app-booking-card small{font-size:10px;color:#6c7c70}.app-card-chevron{font-size:26px}.app-empty{padding:36px 22px;text-align:center;max-width:650px;margin:18px auto;background:#ffffffa3;border:1px solid #fff;border-radius:25px}.app-empty-symbol{display:grid;place-items:center;width:85px;height:85px;border-radius:50%;color:#087d70;background:#e5f0e1;margin:0 auto 23px}.app-empty-symbol .app-icon{width:38px;height:38px}.app-empty h2{font-size:22px;letter-spacing:-.6px}.app-empty p{color:#728173;line-height:1.7;font-size:13px;margin:12px auto 20px;max-width:390px}.app-empty .btn{width:auto;padding:14px 25px}
.app-ride-card .app-ride-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e9de}.app-ride-visual .vehicle-art{width:125px}.app-ride-visual span{color:#597363;font-size:11px;background:#e8f1e5;padding:7px 10px;border-radius:10px}.results-filters summary{min-height:44px;padding:7px 0}.results-main>.card:first-of-type{background:#e7eee2}.results-main .empty-state{background:#fff;border-radius:24px}
.app-driver-banner{display:flex;gap:20px;align-items:center;padding:32px;border-radius:28px;background:linear-gradient(130deg,#123f38,#28644d);color:#fff}.app-driver-banner .eyebrow{color:#bdd6bc;font-size:9px}.app-driver-banner h1{font-size:36px;letter-spacing:-1.2px;line-height:1.1;margin:14px 0}.app-driver-banner p{font-size:13px;line-height:1.8;color:#d5e5d8;max-width:450px}.app-driver-banner>.vehicle-art{width:35%}.app-driver-banner .btn{margin-top:12px;background:#d9ebc6;color:#123f38}.app-driver-stats{margin-top:20px}.app-driver-stats>div{background:#ffffffd4;border-color:#fff;color:#123f38}.app-driver-stats span{color:#6c7c70}.app-driver-stats .app-icon{color:#087d70}.app-section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 15px}.app-section-heading h2{font-size:21px;letter-spacing:-.5px}
.app-account-card{display:flex;gap:18px;align-items:center;padding:27px;background:#ffffffcc;border:1px solid #fff;border-radius:27px;margin-bottom:20px;flex-wrap:wrap}.app-account-card h2{font-size:22px;margin:0 0 8px}.app-account-card p{font-size:12px;color:#738175;margin:5px 0;overflow-wrap:anywhere}.app-account-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#e1eddb;color:#087d70;font-size:28px;font-weight:800}.app-account-card>.btn{margin-left:auto}.app-mode-card{display:flex;flex-wrap:wrap;gap:17px;padding:24px;border:1px solid #dbe5d4;border-radius:25px;background:#e8efdf;margin:20px 0 28px}.app-mode-card>div{flex:1;min-width:170px}.app-mode-card h2{font-size:20px;margin:4px 0 8px}.app-mode-card p{font-size:12px;line-height:1.8;color:#667a65;margin:0}.app-mode-card>.btn{width:100%}.app-settings-list{background:#ffffffc7;border:1px solid #fff;border-radius:24px;overflow:hidden;margin:13px 0 27px;padding:0 20px}.app-settings-list>button,.app-settings-list>a{display:flex;align-items:center;gap:16px;border:0;border-bottom:1px solid #e2e7dc;background:none;text-decoration:none;color:#173d34;padding:20px 0;min-height:76px;width:100%;text-align:left;font:inherit;cursor:pointer}.app-settings-list>:last-child{border-bottom:0}.app-settings-list .app-icon{color:#5e826c}.app-settings-list span{flex:1;min-width:0}.app-settings-list strong,.app-settings-list small{display:block}.app-settings-list strong{font-size:14px}.app-settings-list small{font-size:11px;color:#728173;line-height:1.6;margin-top:5px}.app-settings-list b{font-size:24px;font-weight:400}.app-account-foot{text-align:center;font-size:11px;color:#84917f;margin:30px 0}
.app-vehicle-sheet{position:fixed;top:auto;bottom:0;margin:0 auto;width:min(600px,100%);max-height:85vh;max-height:85dvh;overflow:auto;border:1px solid #fff;background:#fafcf8;color:#173d34;border-radius:30px 30px 0 0;padding:25px 25px calc(25px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 80px #123f3826}.app-vehicle-sheet::backdrop{background:#162f2b80;backdrop-filter:blur(4px)}.app-vehicle-sheet h2{font-size:23px;margin:6px 0}.app-vehicle-choices{display:grid;gap:10px;margin-top:22px}.app-vehicle-choices button{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #e0e8da;border-radius:17px;background:#fff;text-align:left;font:600 14px Manrope,sans-serif;color:#3c5948;cursor:pointer}.app-vehicle-choices button.active{background:#e6f2df;border-color:#087d70;color:#056457}.app-vehicle-choices span{flex:1}
.app-auth-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:85vh;gap:60px;padding:40px 40px 0;align-items:center}.app-auth-story{padding:10px 0}.app-home-link{text-decoration:none;color:inherit;display:inline-flex;margin-bottom:40px}.app-auth-story h1{font-size:clamp(36px,4vw,53px);letter-spacing:-2px;line-height:1.08;margin:13px 0 20px}.app-auth-story>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#6c7c70;max-width:420px}.app-journey-scene{width:100%;display:block;border-radius:28px}.app-auth-story .app-journey-scene{margin-top:25px;max-height:300px}.app-trust-line{font-size:11px;color:#6c7c70;display:flex;align-items:center;gap:9px;margin-top:20px}.app-trust-line .app-icon{width:18px}.app-auth-panel{padding:36px;background:#ffffffd8;border:1px solid #fff;border-radius:32px;box-shadow:0 20px 70px #24453208}.app-auth-panel>.eyebrow{margin-top:24px;font-size:9px}.app-auth-panel h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.app-auth-panel>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#728173;margin-bottom:25px}.app-auth-panel .btn{width:100%}.app-phone-field{display:flex;align-items:center;background:#fff;border:1px solid #d6e1d6;border-radius:16px;padding:0 12px;min-width:0}.app-phone-field>span{font-size:13px;font-weight:700;white-space:nowrap;padding-right:13px;border-right:1px solid #e0e7da}.app-phone-field input.text-input{border:0;min-width:0;width:100%;box-shadow:none;padding-left:14px}.app-phone-field:focus-within{outline:2px solid #087d70;outline-offset:3px}.app-auth-note{font-size:12px;line-height:1.8;margin:25px 0 10px;padding:18px;border-radius:18px;background:#eef4e7;color:#56745d}.app-auth-note .app-icon{float:left;margin:3px 12px 15px 0}.app-auth-panel>.link-btn{display:block;width:100%;font-size:12px}
.app-code-screen{max-width:650px;padding-top:25px!important}.app-code-screen .wordmark{font-size:21px}.app-code-heading{margin:45px 0 30px}.app-code-heading .eyebrow{font-size:9px;margin-top:25px}.app-code-heading h1{font-size:34px;letter-spacing:-1.3px;line-height:1.1;margin:14px 0}.app-code-heading p:last-child{color:#6c7c70;font-size:14px;line-height:1.7}.app-code-card{background:#ffffffd9;border:1px solid #fff;border-radius:28px;padding:28px}.app-code-card .otp-entry{background:white;letter-spacing:8px;text-align:center;font-size:26px;min-height:65px}.app-code-card .link-btn{display:block;margin:auto;font-size:12px}.app-code-card>.muted{text-align:center;font-size:11px;margin:20px 0 10px}.otp-demo{background:#f6edcf!important;color:#5d5024!important}.otp-demo-code{color:#5d5024!important}.app-code-card .btn{width:100%}
.app-onboarding{padding:28px 32px;min-height:90vh;display:flex;flex-direction:column}.app-onboarding>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.app-onboarding>header>.link-btn{font-size:12px}.app-onboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;margin:auto 0;padding:50px 0}.app-onboard-art{position:relative;padding-bottom:25px}.app-float-card{position:absolute;bottom:8px;left:25px;right:25px;display:flex;align-items:center;gap:12px;background:#fffffff0;border:1px solid #fff;padding:20px;border-radius:20px;color:#315a44;box-shadow:0 10px 40px #123f3810;font-size:12px}.app-float-card .app-icon{color:#087d70}.app-onboard-copy h1{font-size:42px;line-height:1.1;letter-spacing:-1.7px;margin:15px 0 20px}.app-onboard-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#6c7c70}.app-onboard-benefits{display:flex;justify-content:space-between;gap:14px;margin:30px 0}.app-onboard-benefits span{display:flex;align-items:center;text-align:center;flex-direction:column;gap:12px;font-size:10px;font-weight:700;color:#50715b;line-height:1.6}.app-onboard-benefits .app-icon{background:#e1eddb;width:48px;height:48px;padding:12px;border-radius:17px}.app-onboard-dots{display:flex;gap:7px;margin:26px 0;justify-content:center}.app-onboard-dots span{width:7px;height:7px;border-radius:5px;background:#cdd9c8}.app-onboard-dots span.active{width:25px;background:#087d70}.app-onboard-copy>.btn{width:100%}
@media(min-width:900px){#app[data-screen=riderResults] .content{max-width:1120px}.app-account{max-width:850px}.app-onboarding{min-height:90vh}}
@media(max-width:800px){.app-home-grid{grid-template-columns:1fr}.app-map-card{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.app-map-card>.row,.app-map-card>h2,.app-map-card>.muted{grid-column:1}.app-map-card>h2{font-size:25px}.app-map-card .app-home-map{grid-column:2;grid-row:1/5;align-self:center;width:100%}.app-map-card>.btn{grid-column:1}.app-auth-layout,.app-onboard-grid{grid-template-columns:1fr;gap:22px}.app-auth-story{padding:0}.app-auth-story .app-journey-scene,.app-auth-story .app-trust-line{display:none}.app-auth-story h1{font-size:34px;max-width:400px}.app-auth-story>p:not(.eyebrow){font-size:13px}.app-auth-layout{padding:25px;max-width:620px;margin:auto;width:100%}.app-home-link{margin-bottom:25px}.app-auth-panel{padding:27px}.app-onboarding{padding:24px;min-height:95vh}.app-onboard-grid{padding:25px 0;margin:auto}.app-onboard-art{max-width:540px;margin:auto;width:100%}.app-onboard-art .app-journey-scene{height:280px;object-fit:cover}.app-onboard-copy{text-align:center;max-width:500px;margin:auto}.app-onboard-copy h1{font-size:32px;letter-spacing:-1px}.app-onboard-copy>.eyebrow{font-size:9px}.app-onboard-copy>p:not(.eyebrow){font-size:13px}.app-onboard-benefits{margin:22px 0}.app-onboarding>header .wordmark{font-size:20px}}
@media(max-width:600px){.content{padding:20px 20px 28px}.app-header{padding:25px 22px 9px;gap:12px}.app-header h1{font-size:22px}.app-header p{font-size:10px;max-width:210px}.app-header .app-avatar{width:46px;height:46px;font-size:19px}.app-mode-label{display:none}.app-header-actions{gap:0}.app-bottom-nav{bottom:0;width:100%;padding:8px 10px calc(4px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;box-shadow:0 -8px 35px #173d340b}.app-bottom-nav button{font-size:9px;min-height:52px}.app-search-card{padding:20px;border-radius:28px}.app-card-heading{gap:12px;margin-bottom:20px}.app-card-heading h2{font-size:21px}.app-card-heading .app-symbol{width:48px;height:48px;border-radius:16px}.app-search-card form{padding:16px}.app-search-row{gap:10px;padding:17px 0}.app-search-row>strong{font-size:13px}.app-search-row .stepper{gap:3px}.stepper button{width:36px;height:36px}.stepper .val{font-size:15px;min-width:20px}.app-search-card .btn-primary{font-size:14px}.app-map-card{display:block;padding:21px}.app-map-card>h2{font-size:27px}.app-map-card .app-home-map{height:210px}.app-map-card .row .eyebrow{margin:0}.app-dual-callout{flex-wrap:wrap;padding:20px}.app-dual-callout>div{flex:1;min-width:160px}.app-dual-callout>.btn{width:100%;margin:0}.app-route-section h2{font-size:19px}.app-stat-grid{gap:8px}.app-stat-grid>div{padding:13px;border-radius:16px}.app-stat-grid span{font-size:9px}.app-summary{padding:23px}.app-summary h1{font-size:26px}.app-booking-card{padding:18px;gap:10px}.app-vehicle-thumb{width:65px}.app-booking-card h3{font-size:14px;line-height:1.5}.app-booking-card p{font-size:10px}.app-booking-card small{display:none}.app-card-chevron{font-size:22px}.app-driver-banner{padding:25px;position:relative;overflow:hidden}.app-driver-banner h1{font-size:31px}.app-driver-banner>.vehicle-art{position:absolute;right:-22px;top:90px;opacity:.2;width:52%;pointer-events:none}.app-driver-banner>div{position:relative;z-index:1}.app-account-card{padding:22px;gap:14px}.app-account-avatar{width:58px;height:58px;font-size:23px}.app-account-card>div{flex:1;min-width:0}.app-account-card>.btn{width:100%;margin:7px 0 0}.app-code-screen{padding:24px 22px 35px!important}.app-code-card{padding:23px}.app-code-heading{margin-top:45px}.app-code-heading h1{font-size:31px}.app-code-heading>p:last-child{font-size:13px}.app-vehicle-sheet{padding:23px 21px 35px}.app-onboard-art .app-journey-scene{height:230px}.app-float-card{padding:16px;left:12px;right:12px;font-size:10px}.app-onboard-copy h1{font-size:29px}.app-onboard-benefits .app-icon{width:44px;height:44px}.app-onboard-benefits span{font-size:9px}.app-onboarding>header .brand-symbol{width:30px;height:30px}.app-onboarding>header .wordmark{font-size:18px}.app-onboarding>header .link-btn{font-size:11px}.app-auth-panel>.eyebrow{font-size:9px}.app-auth-panel h2{font-size:28px}}
@media(max-width:350px){.content{padding-left:14px;padding-right:14px}.app-header{padding-left:16px;padding-right:16px}.app-header h1{font-size:19px}.app-search-card{padding:16px}.app-search-card form{padding:12px}.app-card-heading h2{font-size:19px}.app-card-heading .eyebrow{font-size:8px}.app-search-row .app-icon{width:19px}.app-search-row>strong{font-size:12px}.stepper button{width:32px;height:34px}.app-onboarding{padding:20px}.app-onboard-art .app-journey-scene{height:190px}.app-auth-layout{padding:20px}.app-auth-panel{padding:23px}.app-phone-field{padding:0 9px}.app-phone-field>span{font-size:12px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-bottom-nav{background:#fff}.app-vehicle-sheet::backdrop{background:#162f2bb3}}
#app[data-screen=authOtp] .otp-screen{background:transparent;color:#173d34}#app[data-screen=authOtp] .app-code-card .otp-verify{border-radius:16px;background:#087d70}#app[data-screen=authOtp] .app-code-card .otp-entry{border-radius:15px;font-size:26px}
.app-public-map{max-width:1050px;padding-top:30px}.app-public-map>.app-home-link{margin-bottom:25px}.app-public-map h1{font-size:clamp(24px,4vw,38px);letter-spacing:-1px;line-height:1.3}.app-public-map>.muted{max-width:650px;line-height:1.8;margin:15px 0 25px}.app-public-map-canvas{height:480px;height:clamp(310px,55vh,580px);position:relative;overflow:hidden;border-radius:25px;border:1px solid #dce7dd;background:#e1eee1}.app-map-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.app-map-actions>a{flex:1;min-width:220px;text-decoration:none}.app-verification{margin-top:24px}.app-verification>summary{cursor:pointer;font-size:16px;font-weight:700;min-height:40px}.app-verification p{font-size:13px;line-height:1.8;color:#667a70}

/* Touch controls and safe areas, without disabling map gestures or text inputs. */
button,.btn,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:#087d7026;user-select:none;-webkit-user-select:none}
button:active,.btn:active{filter:brightness(.94)}
.back-btn,.app-swap,.icon-btn,.osm-zoom-btn,.link-btn{min-height:48px;min-width:48px}
.app-route-fields input.text-input{min-height:48px}
.app-header{padding-top:max(20px,env(safe-area-inset-top,0px))}
@media(max-width:600px){.content{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

[data-notification-target]{position:relative}
.app-unread-count{position:absolute;right:2px;top:2px;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#087d58;color:#fff;font-size:10px;font-weight:800;line-height:19px;text-align:center;border:1px solid #fff}
.app-unread-count[hidden]{display:none!important}
html.native-android-insets .app-bottom-nav{padding-bottom:4px}
html.native-android-insets .app-header{padding-top:20px}
html.native-android-insets .notification-alert{bottom:90px}
/* Keep the mobile sign-in action in reach and prevent narrow controls clipping. */
.app-search-card select.text-input{width:100%;padding-right:30px}
.pool-ride-driver>div,.pool-ride-places,.app-booking-card>div{min-width:0;overflow-wrap:anywhere}
.app-settings-list strong,.app-account-card p{overflow-wrap:anywhere}
.app-search-options{border-bottom:1px solid var(--border);padding-bottom:8px}
.app-search-options summary{min-height:48px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-weight:700;font-size:14px}
.app-search-options summary::-webkit-details-marker{display:none}
.app-search-options summary span{flex:1;min-width:0}
.app-search-options summary small{color:var(--accent);text-decoration:underline;font-size:12px}
.app-search-options[open] summary{margin-bottom:12px}
.pool-group-fare{display:block;font-size:12px;color:var(--text);margin-top:5px}
@media(max-width:600px){
  #app[data-screen=authPhone],#app[data-screen=authOtp]{padding-bottom:24px}
  .app-auth-layout{min-height:0;padding:20px;gap:18px;align-items:start}
  .app-auth-story .app-home-link{margin-bottom:0}
  .app-auth-story>h1,.app-auth-story>p{display:none}
  .app-auth-panel{padding:22px;border-radius:24px}
  .app-auth-panel>.eyebrow{margin-top:14px}
  .app-auth-panel h2{font-size:26px}
  .app-auth-panel>p:not(.eyebrow){margin-bottom:16px;line-height:1.6}
  .app-auth-note{margin-top:12px;padding:12px}
  .app-code-heading{margin-top:18px}
  .app-search-card{padding:16px}
  .app-search-card form{padding:12px}
  .app-search-row .stepper button,.stepper button{width:48px;height:48px;min-width:48px}
  .app-search-row{flex-wrap:wrap;padding:12px 0}
  .app-search-row .stepper{margin-left:auto}
  .app-booking-card{align-items:start}
  .app-card-heading>div>p{display:none}
  .app-card-heading{margin-bottom:12px}
  .app-route-fields label{padding-top:10px;padding-bottom:10px}
  #app .app-header{padding-top:14px;padding-bottom:12px}
  #app .app-dashboard{padding-top:12px}
  .app-search-card form.stack{padding:10px}
  .app-search-card form.stack>*+*{margin-top:0}
  .app-search-card .app-search-options{padding-top:0}
  .app-search-card .app-card-heading .app-symbol{width:36px;height:36px}
  .app-search-card .app-card-heading h2{font-size:19px}
  .app-search-card .app-route-fields{padding-bottom:0}
  .app-search-card .app-route-fields label{padding-top:2px;padding-bottom:2px}
  .app-search-card .app-search-row{flex-wrap:nowrap;padding:8px 0}
  .app-search-card .app-search-row .stepper{padding:0;flex:none;border:0}
  .app-search-card .app-search-row>strong{font-size:12px}
  .app-search-card .app-preference{padding:10px 0;min-height:52px}
}
.notification-alert{position:fixed;z-index:120;left:50%;transform:translateX(-50%);bottom:calc(90px + env(safe-area-inset-bottom,0px));width:min(460px,calc(100% - 32px));min-height:48px;padding:14px 18px;box-shadow:0 6px 24px #123c3d24;cursor:pointer;text-align:center;background:#e1f4e8;color:#123c3d;border:1px solid #98cbb1}

/* A quiet origin mark, shared by the website and member account. */
.india-tag,.pool-footer-bottom .india-tag{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;padding:7px 12px;border:1px solid #c9ddce;border-radius:999px;background:#f8fcf7;color:#245b42;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:0;text-align:center;vertical-align:middle}
.india-tag::before{content:'';flex:none;width:18px;height:12px;border-radius:2px;background:linear-gradient(to bottom,#ff9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66% 100%);box-shadow:0 0 0 1px #173d3414}
.india-download-footer{padding-top:12px;padding-bottom:30px;text-align:center}