.carpool-grid{display:grid;grid-template-columns:1fr 320px;gap:22px}.ride{padding:0;overflow:hidden}.ride--full{opacity:.7}.ride__head{padding:12px 18px;background:var(--cream-2);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.ride__match{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--ink)}.ride__match-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ride__match-name--away{text-align:right}.ride__match-vs{flex:none;font-size:11px;font-weight:600;color:var(--ink-4);text-transform:uppercase}.ride__head-meta{display:flex;align-items:center;gap:8px}.ride__head-date{font-size:11px;color:var(--ink-3)}.ride__head-venue{margin-left:auto;font-size:11px;color:var(--ink-4)}.ride__body{padding:18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ride__driver{display:flex;align-items:center;gap:12px;flex:1 1 200px}.ride__driver-av{position:relative}.ride__verified{position:absolute;bottom:-2px;right:-2px;background:var(--grass);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px;border:2px solid var(--paper)}.ride__driver-name{font-weight:700;font-size:14px}.ride__driver-rating{font-size:11px;color:var(--ink-4)}.ride__driver-car{font-size:11px;color:var(--ink-3);margin-top:2px}.ride__route{flex:1 1 200px}.ride__route-cities{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.ride__arrow{color:var(--grass-3)}.ride__route-time{font-size:11px;color:var(--ink-4);margin-top:4px}.ride__route-meet{font-size:11px;color:var(--ink-4);margin-top:2px}.ride__price-col{text-align:right;flex:none}.ride__price{font-family:inter,system-ui,sans-serif;font-size:24px;font-weight:800;color:var(--grass-3)}.ride__price-sub{font-size:11px;color:var(--ink-4)}.ride__seats{display:flex;gap:3px;margin-top:8px;justify-content:flex-end}.ride__seat{width:12px;height:16px;border-radius:3px;background:var(--cream-3)}.ride__seat.taken{background:var(--ink-3)}.ride__free{font-size:11px;margin-top:4px;font-weight:600}.ride__free.has{color:var(--grass-3)}.ride__free.none{color:#a13226}.ride__notes{padding:0 18px 14px;font-size:12px;color:var(--ink-3)}.ride__foot{padding:0 18px 16px;display:flex;align-items:center;gap:10px}.ride__pax{display:flex}.ride__pax-av{width:28px;height:28px;border-radius:50%;background:var(--cream-3);color:var(--ink-2);display:grid;place-items:center;font-size:10px;font-weight:700;border:2px solid var(--paper)}.ride__pax-av:not(:first-child){margin-left:-8px}.ride__pax-count{font-size:11px;color:var(--ink-4)}.ride__join{margin-left:auto}.cr h3{font-size:15px;margin-bottom:12px}.cr__row{padding:12px 0;border-bottom:1px solid var(--line-soft)}.cr__row:last-child{border-bottom:none}.cr__top{display:flex;align-items:center;gap:10px}.cr__info{flex:1;min-width:0}.cr__name{font-weight:700;font-size:13px;margin-bottom:3px}.cr__status{flex-shrink:0;align-self:center;white-space:nowrap}.cr__meta{font-size:11px;color:var(--ink-4)}.cr__desc{font-size:12px;color:var(--ink-3);margin-top:8px;line-height:1.4}.cr__actions{display:flex;gap:6px;margin-top:10px}.carpool-offer{background:linear-gradient(180deg,var(--paper),var(--cream))}.carpool-offer h3{font-size:15px}.carpool-offer p{font-size:13px;color:var(--ink-3);margin-top:6px}.ride-join{margin-left:auto}.ride-join>summary{list-style:none;cursor:pointer}.ride-join>summary::-webkit-details-marker{display:none}.ride-join[open]>summary{display:none}.join-form{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);text-align:left}.join-form__label{font-size:12px;font-weight:700;margin-bottom:8px}.join-form__hint{font-weight:400;color:var(--ink-4)}.join-form__pax{display:flex;gap:8px;margin-bottom:6px}.join-form__age{max-width:90px}.join-form__foot{font-size:11px;color:var(--ink-4);margin-top:8px;text-align:center}.offer-form .label{margin-top:10px}.offer-form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.offer-form textarea.input{resize:vertical}.cr__actions .btn-half-form{flex:1;display:flex}.cr__actions .btn-half-form .btn-half{flex:1}.cr__pax-req{margin-top:10px;padding:10px;border-radius:6px;background:var(--cream-2)}.cr__meta--empty{margin-top:8px;font-style:italic}.carpool-cancel{margin-top:12px}.ride__foot-note{font-size:11px;color:var(--ink-4);margin-left:auto}.cr__match{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:3px}.cr__match .fx-crest{width:18px;height:18px;flex:0 0 18px;font-size:8px}.cr__match-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr__match-vs{color:var(--ink-4);font-size:11px;flex:none}.cr__pax{margin-top:8px}.cr__pax-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink-3);cursor:pointer;list-style:none}.cr__pax-toggle::-webkit-details-marker{display:none}.cr__pax-toggle:hover{color:var(--ink)}.cr__pax[open] .cr__pax-chev{transform:rotate(180deg)}.cr__pax-chev{transition:transform .15s ease}.cr__pax-row{margin-top:6px;padding-left:18px}.fan-link{color:inherit;text-decoration:none}.fan-link:hover{text-decoration:underline}.fan-link--av{display:inline-flex;border-radius:50%;transition:opacity .12s ease}.fan-link--av:hover{opacity:.82}.cr__driver-line .fan-link{text-decoration:underline}.offer-form__combo{position:relative}.offer-form__field{position:relative}.offer-form__field .input{padding-right:38px}.offer-form__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:0 0;color:var(--ink-4);cursor:pointer}.offer-form__clear:hover{background:var(--cream-2);color:var(--ink)}.offer-form__clear[hidden]{display:none}.offer-form select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.offer-form__submit{margin-top:18px}.join-form__note{margin-top:8px}.cr__cancel-form{margin-top:8px}.carpool-empty{padding:22px 18px;text-align:center;color:var(--ink-4);font-size:13px;line-height:1.5}.carpool-more{margin-top:12px}.carpool-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px}.cr__giveup{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 11px;border-radius:6px;background:var(--live-bg,#fbece9);color:var(--ink-3);font-size:12.5px;line-height:1.45}.cr__giveup svg{flex-shrink:0;margin-top:1px;color:var(--red,#a13226)}.cr__giveup strong{color:var(--ink);font-weight:700}.cr-hint{display:flex;align-items:center;gap:16px}.cr-hint__emoji{font-size:30px;flex:none}.cr-hint__title{font-weight:700;font-size:15px}.cr-hint__text{font-size:13px;color:var(--ink-3);margin-top:2px}.cr-hint .btn{margin-left:auto;flex:none}@media(max-width:640px){.cr-hint{flex-wrap:wrap}.cr-hint .btn{margin-left:0;width:100%;justify-content:center}}.cr__ride-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.cr__ride-actions>form{margin-left:auto}.ride-edit>summary{list-style:none;cursor:pointer}.ride-edit>summary::-webkit-details-marker{display:none}.ride-edit[open]{flex-basis:100%}.ride-edit[open]>summary{margin-bottom:4px}.edit-form{margin-top:4px;padding-top:12px;border-top:1px dashed var(--line)}.offer-dialog{width:min(560px,92vw);max-height:88vh;padding:0;border:none;border-radius:6px;background:var(--paper);box-shadow:0 24px 64px rgba(20,30,18,.32);overflow:hidden}.offer-dialog::backdrop{background:rgba(20,30,18,.5)}.offer-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.offer-dialog__head h3{font-size:16px}.offer-dialog__body{padding:4px 20px 20px;max-height:calc(88vh - 62px);overflow-y:auto}.offer-dialog__body .offer-form{margin-top:0}.offer-dialog .cr__actions .btn-half{flex:1}.offer-dialog .cr__actions .btn-danger{background:#a13226;color:#fff;border-color:#a13226}.offer-dialog .cr__actions .btn-danger:hover{background:#8a2a20}