*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;color:#253342;background:#edeae5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.courier-app{max-width:500px;min-height:100dvh;margin:auto;background:#f8f5f0;position:relative;box-shadow:0 0 60px #28394612}.app-top{height:76px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:#fffdfa;position:relative;z-index:4;border-bottom:1px solid #ebe6de}.brand{color:#21374d;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-1px}.brand>span{color:#287bb2}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:#9c8c7b;margin-top:3px}.icon-button{border:1px solid #e7dfd6;background:#fff;border-radius:15px;width:40px;height:40px;display:grid;place-items:center}.icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.welcome{padding:12px 28px 28px}.welcome-art{height:210px;position:relative;display:grid;place-items:center}.welcome-art>svg{width:245px;max-width:100%;position:relative}.orbit{position:absolute;width:195px;height:195px;border-radius:50%;background:#f3dfcb;outline:1px solid #ead7c4;outline-offset:10px}.art-badge{position:absolute;bottom:4px;padding:9px 14px;background:#fffdf9;border-radius:30px;box-shadow:0 4px 15px #7d593410;font-size:11px;color:#8c603d}.eyebrow{display:block;font-size:9px;font-weight:750;letter-spacing:2px;color:#b27647;margin-top:24px}h1{font-size:29px;line-height:1.17;letter-spacing:-1px;margin:10px 0 12px}p{font-size:14px;color:#7b7d7d;line-height:1.6}.primary,.secondary{width:100%;min-height:49px;border-radius:16px;border:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;padding:14px 18px;margin-top:12px;text-decoration:none}.primary{color:#fff;background:#256c9d;box-shadow:0 6px 15px #23678f16}.secondary{background:#fffdfa;border:1px solid #e7ded3;color:#3c4b56;box-shadow:none}.fine{font-size:11px;line-height:1.6;color:#8b8c89}.welcome>.fine{text-align:center;margin:20px 0}.legacy{font-size:11px;color:#8a8278;padding-top:10px}.legacy a{display:block;padding:10px;color:#276b9b}.pane{padding:22px 24px 100px}.auth{padding-bottom:35px}label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}input,select{width:100%;background:#fff;border:1px solid #e7e0d7;border-radius:13px;padding:14px 12px;margin-top:7px;color:#304355;font-size:15px;min-width:0}input:focus,select:focus{outline:2px solid #72a9ce;border-color:transparent}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.55;color:#7e807d}.check input{width:17px;height:17px;flex-shrink:0;margin-top:2px}.text-button{padding:10px 0;border:0;background:none;color:#6d7f8e;font-size:13px}.map{height:calc(100dvh - 76px);min-height:540px;background:#dde3ea;position:absolute;inset:76px 0 auto;z-index:0}.map-label{position:relative;z-index:2;display:flex;gap:7px;align-items:center;margin:18px 20px 0;padding:10px 15px;background:#fffef9f2;border:1px solid #dfe3e8;border-radius:30px;width:max-content;font-size:12px}.status-dot{width:7px;height:7px;background:#aaa89e;border-radius:50%}.is-online .status-dot{background:#30669d;box-shadow:0 0 0 4px #30669d18}.home-sheet{position:relative;z-index:2;background:#fffdf9;border-radius:28px 28px 0 0;padding:20px 22px 100px;margin-top:160px;box-shadow:0 -8px 28px #26313d20;min-height:340px}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.greeting small{font-size:8px;letter-spacing:1.5px;color:#9c8d7c}.greeting h1{font-size:24px;margin:6px 0 0}.avatar{width:46px;height:46px;background:#f9eadc;color:#b77948;border-radius:17px;display:grid;place-items:center}.online-button{margin-top:0}.is-online .online-button{background:#e8eef4;color:#234d77;box-shadow:none;border:1px solid #d7e0e9}.home-sheet>#gps-hint{text-align:center;margin:9px 0}.push-button{border:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#8f7155;font-size:11px;background:transparent;padding:5px;width:100%;margin-bottom:14px}.push-button .icon{width:17px;height:17px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee8df;padding-top:16px;margin-top:16px;gap:12px}.mini-stats>div{display:grid;grid-template-columns:28px 1fr;gap:4px}.mini-stats .icon{color:#ca9464;width:20px;grid-row:span 2}.mini-stats strong{font-size:18px}.mini-stats small{font-size:10px;color:#96968f}.approval{padding:14px;background:#fff3df;border:1px solid #efdfc6;border-radius:16px;margin-bottom:16px;font-size:13px}.approval p{font-size:12px;margin:5px 0 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:6;width:min(500px,100%);padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#fffefcf5;border-top:1px solid #eae3d9;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(10px)}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#9a958c;padding:8px 4px;border-radius:15px}.bottom-nav button.selected{color:#276c9b;background:#eaf2f8;font-weight:700}.offer-card,.ride-card,.profile-card{border:1px solid #e9e1d8;background:#fff;border-radius:19px;padding:18px;margin:13px 0}.offer-card{border-color:#edbf94;background:#fff9f0}.offer-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.offer-head small{color:#a47345;font-size:10px;font-weight:700}.offer-head strong{font-size:25px;color:#263e50}.route-line{display:flex;gap:10px;margin:12px 0;font-size:12px;line-height:1.5;color:#747a7e}.route-line .icon{width:18px;height:18px;color:#bc8a59;flex-shrink:0}.route-line strong{display:block;color:#304757;font-size:13px}.offer-actions{display:flex;gap:10px}.offer-actions .secondary{width:auto;flex:1}.offer-actions .primary{flex:2}.ride-card>small{font-size:10px;color:#ad8664}.ride-card h3{font-size:15px;margin:10px 0 7px}.ride-card p{font-size:12px;margin:5px 0}.ride-card>strong{font-size:18px}.empty-state{padding:34px 20px;text-align:center;border:1px dashed #e1d9cc;border-radius:19px;font-size:13px;color:#908b83;margin-top:20px}.earnings-card{background:#286b97;color:#fff;padding:25px;border-radius:24px;margin:24px 0}.earnings-card>span{font-size:12px;color:#d5e6ef}.earnings-card>strong{display:block;font-size:38px;margin-top:16px;letter-spacing:-1px}.earnings-card p{color:#d5e6ef}.profile-card p{margin:5px 0;font-size:13px}.profile-card strong{font-size:17px}.profile-card summary{font-size:13px;cursor:pointer}.toast{position:fixed;z-index:100;top:80px;left:50%;transform:translateX(-50%);width:min(450px,calc(100% - 32px));background:#203e53;color:white;border-radius:15px;padding:15px;font-size:13px;box-shadow:0 8px 30px #0002;line-height:1.5}dialog{border:1px solid #e8ded3;max-width:430px;width:calc(100% - 32px);border-radius:24px;padding:22px;background:#fffdf9;color:#253342}dialog::backdrop{background:#16344b66;backdrop-filter:blur(3px)}dialog p{font-size:13px}.leaflet-control-attribution{font-size:9px!important}.leaflet-bottom{bottom:auto!important;top:25px}.leaflet-control-zoom{margin-top:65px!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75acd2;outline-offset:3px}@media(max-height:740px){.welcome-art{height:170px}.welcome-art>svg{width:200px}.orbit{width:150px;height:150px}.welcome h1{font-size:26px}.home-sheet{margin-top:100px}}@media(prefers-reduced-motion:no-preference){.art-badge{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}}
/* Keep a live offer and its actions above the mobile navigation. */
.has-offer .home-sheet{margin-top:22px;padding-top:14px}.has-offer .mini-stats,.has-offer .greeting,.has-offer #gps-hint,.has-offer #push{display:none}.has-offer .online-button{min-height:38px;padding:10px}.mini-stats>div>span{grid-row:span 2}.mini-stats small{grid-column:2}.offer-head{flex-wrap:wrap}