*{box-sizing:border-box}html,body{color:#0f172a;background:#eef2f6;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}body{min-height:100vh}.shell{width:100%;max-width:430px;min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));background:#fff;margin:0 auto;position:relative;box-shadow:0 0 30px #0f172a14}.topbar{z-index:10;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.2px;font-size:22px;font-weight:900}.brand span{color:#0d6efd}.badge{color:#0d6efd;background:#eaf3ff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.content{padding:18px}.hero{padding:12px 0 18px}.eyebrow{color:#0d6efd;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:850}h1{letter-spacing:-1.8px;margin:7px 0 8px;font-size:34px;line-height:.98}.sub{color:#64748b;margin:0;line-height:1.45}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin:12px 0;padding:16px;box-shadow:0 8px 30px #0f172a0a}.card h2{margin:0 0 4px;font-size:19px}.card p{color:#64748b;margin:0}label{color:#475569;margin:13px 0 6px;font-size:12px;font-weight:800;display:block}input,select,textarea{background:#fff;border:1px solid #dbe2ea;border-radius:14px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:13px 16px;font-weight:850;display:flex}.btn.primary{color:#fff;background:#0d6efd}.btn.secondary{color:#0d6efd;background:#edf5ff}.btn.ghost{color:#0f172a;background:#f8fafc;border:1px solid #e5e7eb}.btn:disabled{opacity:.5;cursor:not-allowed}.plate{text-align:center;letter-spacing:.12em;background:#fff;border:3px solid #0f172a;border-radius:9px;width:fit-content;min-width:170px;margin:14px auto;padding:8px 12px;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 2px #e5e7eb}.result{background:#f8fbff;border-color:#dbeafe}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#19a0f5,#0d6efd);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.meta{color:#94a3b8;margin-top:3px;font-size:12px}.message{border-radius:16px;max-width:80%;margin:8px 0;padding:10px 12px;line-height:1.35}.message.them{background:#f1f5f9}.message.me{color:#fff;background:#0d6efd;margin-left:auto}.nav{z-index:20;width:min(430px,100%);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{color:#64748b;background:0 0;border:0;padding:8px 2px;font-size:11px;font-weight:800}.nav svg{margin:0 auto 3px;display:block}.empty{text-align:center;color:#64748b;padding:30px 10px}.toast{color:#166534;background:#ecfdf5;border-radius:12px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:700}.error{color:#9f1239;background:#fff1f2;border-radius:12px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:700}.small{color:#64748b;font-size:12px}.thread{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:10px 0;padding:13px}.thread:active{background:#f8fafc}.thread-title{font-weight:850}.preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.back{color:#0d6efd;background:0 0;border:0;margin-bottom:10px;padding:0;font-weight:800}.spinner{color:#64748b;padding:8px 0;font-size:13px}.clickable{cursor:pointer}.chevron{color:#94a3b8;font-size:30px;font-weight:300;line-height:1}.toggleRow{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;display:flex}.check{accent-color:#0d6efd;flex:none;width:22px;height:22px;box-shadow:none!important}.locked{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-top:16px;padding:13px}textarea{resize:vertical}.vehicleHero{aspect-ratio:16/10;object-fit:cover;border-radius:15px;width:100%;margin-bottom:14px}.vehicleFacts{color:#475569;margin-top:12px;font-size:13px;font-weight:750}.vehicleBio{font-size:14px;line-height:1.45;margin-top:8px!important}.ratingLine{color:#0d6efd;align-items:center;gap:5px;margin-top:5px;font-size:12px;font-weight:800;display:flex}.photoAdd{color:#0d6efd;cursor:pointer;background:#edf5ff;border-radius:12px;align-items:center;gap:6px;margin:0;padding:9px 11px;font-size:12px;font-weight:850;display:flex}.photoGrid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.photoTile{background:#f1f5f9;border-radius:13px;min-height:120px;position:relative;overflow:hidden}.photoTile img{object-fit:cover;width:100%;height:120px;display:block}.coverBadge{color:#fff;background:#0f172ad9;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:900;position:absolute;top:7px;left:7px}.photoActions{gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.photoActions button,.chatTools button,.stars button{color:#334155;background:#ffffffeb;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.photoActions button:disabled{opacity:.35}.threadThumb{object-fit:cover;border-radius:12px;flex:none;width:48px;height:48px}.threadTime{color:#94a3b8;font-size:10px}.unreadText{color:#0f172a;font-weight:900}.unreadDot{background:#0d6efd;border-radius:50%;flex:none;width:9px;height:9px}.navIcon{width:26px;margin:0 auto 3px;display:block;position:relative}.navIcon svg{margin:0}.navBadge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-7px;right:-7px}.chatTools{gap:5px;display:flex}.chatTools button{background:#f8fafc;border:1px solid #e5e7eb}.rateCard{background:#f8fafc;border-radius:13px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.stars{gap:1px;display:flex}.stars button{color:#f59e0b;background:0 0;padding:1px}:root{--dc-navy:#07152d;--dc-blue:#087bff;--dc-cyan:#18c5f5;--dc-soft:#eef7ff}.brandedTopbar{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.headerLogo{width:155px;height:auto;display:block}.badge{color:var(--dc-blue);letter-spacing:.04em;background:linear-gradient(135deg,#087bff1f,#18c5f529)}.eyebrow{color:var(--dc-blue)}h1{color:var(--dc-navy)}.btn.primary{background:linear-gradient(135deg,var(--dc-blue),#0b62ff 54%,var(--dc-cyan));box-shadow:0 9px 22px #087bff2e}.nav button.active{color:var(--dc-blue)}.avatar{background:linear-gradient(135deg,var(--dc-blue),var(--dc-cyan))}.authHero{text-align:center;padding-top:8px}.stackedLogo{width:82%;max-width:310px;margin:0 auto 22px;display:block}.authHero h1{font-size:36px}.claimCard{background:linear-gradient(#fff,#f8fcff);border-color:#d8eaff}.lookupCounter{white-space:nowrap;background:var(--dc-soft);color:var(--dc-blue);border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}.claimResult{text-align:center;padding-top:12px}.claimVehicleIcon{color:#fff;background:linear-gradient(135deg,var(--dc-blue),var(--dc-cyan));border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 12px;display:grid}.dangerZone{border-top:1px solid #fee2e2;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:18px;display:flex}.dangerButton{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:10px 12px;font-weight:850}.onboardingCard{background:linear-gradient(#fff,#f7fbff);border-color:#cfe6ff}.foundingBadge{color:#8a5a00;white-space:nowrap;background:#fff4cc;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:900;display:flex}.onboardStep{text-align:left;color:#0f172a;background:0 0;border:0;border-top:1px solid #edf2f7;align-items:center;gap:11px;width:100%;padding:12px 2px;display:flex}.onboardStep:first-of-type{margin-top:8px}.onboardStep svg{color:#087bff;flex:none}.onboardStep span{flex-direction:column;gap:1px;display:flex}.onboardStep small{color:#64748b;font-size:11px}.foundingProfileBadge{color:#805600;background:linear-gradient(135deg,#fff8dc,#fffdf4);border:1px solid #f7e2a4;border-radius:14px;align-items:center;gap:10px;margin-top:16px;padding:12px 13px;display:flex}.foundingProfileBadge div{flex-direction:column;display:flex}.foundingProfileBadge span{color:#9a762b;font-size:11px}.inviteCard{background:#f8fcff;border:1px solid #d8eaff;border-radius:16px;margin-top:16px;padding:15px}.inviteCard h2{margin:4px 0}.inviteCard p{font-size:12px}.inviteCard .btn{margin-top:10px}.photoCarousel{background:#eef2f6;border-radius:16px;margin-top:12px;position:relative;overflow:hidden}.photoCarousel img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.carouselArrow{color:#07152d;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carouselArrow.left{left:9px}.carouselArrow.right{right:9px}.carouselCount{color:#fff;background:#07152dbf;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;bottom:9px;right:10px}.searchModeTabs{background:#eef2f6;border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;margin:-4px 0 12px;padding:5px;display:grid}.searchModeTabs button{color:#64748b;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:850;display:flex}.searchModeTabs button.active{color:#087bff;background:#fff;box-shadow:0 2px 8px #0f172a14}.personCard h2{margin:0;font-size:17px}.personAvatarPhoto{object-fit:cover;border-radius:14px;flex:none;width:52px;height:52px}.miniFounding{color:#8a5a00;white-space:nowrap;background:#fff6d8;border-radius:999px;align-items:center;gap:3px;padding:5px 6px;font-size:9px;font-weight:900;display:flex}.inviteSearchCard{background:linear-gradient(#fff,#f8fcff);border-color:#d8eaff}.inviteIcon{color:#087bff;background:#eef7ff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.personButton{text-align:left;cursor:pointer;width:100%}.personButton:hover{background:#f8fbff}.bigAvatar{width:60px;height:60px;font-size:20px}.driverProfileCard h2{margin:0}.profileStats{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.profileStats div{background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;padding:10px;display:flex}.profileStats b{font-size:18px}.profileStats span{color:#64748b;font-size:10px}.publicRide{border-top:1px solid #eef2f6;grid-template-columns:92px 1fr;gap:12px;padding:12px 0;display:grid}.publicRide:first-of-type{border-top:0}.publicRide img,.ridePlaceholder{object-fit:cover;border-radius:12px;width:92px;height:72px}.ridePlaceholder{color:#087bff;background:#eef7ff;place-items:center;display:grid}.publicRide div:last-child{flex-direction:column;gap:3px;display:flex}.publicRide span,.publicRide p{color:#64748b;margin:0;font-size:11px}.followingStrip{gap:10px;padding:8px 0 2px;display:flex;overflow-x:auto}.followingStrip button{color:#0f172a;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:66px;display:flex}.followingStrip img,.followingStrip span{object-fit:cover;color:#fff;background:linear-gradient(135deg,#087bff,#18c5f5);border-radius:50%;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.followingStrip b{white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:10px;overflow:hidden}.betaDashboard{background:linear-gradient(#fff,#f8fcff);border:1px solid #d8eaff;border-radius:16px;margin-top:18px;padding:15px}.betaDashboard h2{margin:4px 0 12px}.dashboardGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dashboardGrid div{background:#fff;border:1px solid #edf2f7;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.dashboardGrid b{color:#087bff;font-size:20px}.dashboardGrid span{color:#64748b;text-align:center;margin-top:2px;font-size:9px}
