:root{color:#18221e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18221e;--muted:#68736d;--paper:#f7f5ef;--surface:#fff;--line:#dedfd8;--forest:#173f35;--forest-soft:#dfece5;--gold:#ad7514;--gold-soft:#f6ead0;--danger:#9a3a32;background:#e6e2da;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #173f3547}.app-shell{background:var(--paper);width:min(100%,620px);min-height:100vh;margin:0 auto;box-shadow:0 0 50px #1e252014}.app-content{padding:0 18px 104px}.demo-banner{color:#fff;background:#71551e;justify-content:center;align-items:center;gap:8px;min-height:30px;padding:5px 14px;font-size:12px;display:flex}.demo-banner span{text-transform:uppercase;letter-spacing:.04em;font-weight:800}.demo-banner small{opacity:.82}.hero{color:#fff;background:var(--forest);border-radius:0 0 26px 26px;justify-content:space-between;align-items:center;gap:18px;margin:0 -18px;padding:30px 20px 34px;display:flex}.eyebrow{color:#b9d5c8;letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.hero h1,.details h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,9vw,46px);line-height:1}.hero-copy{color:#c9dcd4;max-width:330px;margin:10px 0 0;font-size:14px;line-height:1.45}.rides-hero{min-height:172px}.ride-count{text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:22px;flex-direction:column;flex:0 0 94px;justify-content:center;align-items:center;min-height:94px;display:flex}.ride-count strong{font-size:31px;line-height:1}.ride-count span{color:#c9dcd4;margin-top:5px;font-size:11px;line-height:1.25}.progress-ring{--progress-angle:0deg;text-align:center;background:radial-gradient(circle at center, var(--forest) 57%, transparent 58%), conic-gradient(#d8b25d var(--progress-angle), #ffffff29 0);border-radius:50%;flex:0 0 90px;place-content:center;width:90px;height:90px;display:grid}.progress-ring strong{font-size:26px;line-height:1}.progress-ring span{color:#c9dcd4;margin-top:3px;font-size:12px}.progress-strip{z-index:1;background:var(--surface);border:1px solid #173f3514;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:-17px 4px 20px;padding:14px 6px;display:grid;position:relative;box-shadow:0 8px 24px #19312817}.progress-strip div{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0 5px;display:flex}.progress-strip div:last-child{border:0}.progress-strip strong{color:var(--forest);font-size:20px}.progress-strip span{max-width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.controls{gap:13px;display:grid}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:15px;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:flex}.search-field>span{color:var(--forest);font-size:24px;transform:rotate(-15deg)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search-field input::placeholder{color:#8c948f}.search-field button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#eff0ec;border:0;border-radius:50%;font-size:20px}.search-hint{color:var(--muted);margin:7px 3px 0;font-size:12px;line-height:1.35}.filter-row{scrollbar-width:none;gap:7px;margin:0 -18px;padding:0 18px 3px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);color:#4f5c56;cursor:pointer;background:0 0;border-radius:999px;flex:none;min-height:38px;padding:0 15px;font-size:13px;font-weight:700}.filter-chip.active{border-color:var(--forest);color:#fff;background:var(--forest)}.select-field{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.select-field select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);border-radius:12px;padding:0 34px 0 13px}.ride-selects{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ride-selects .select-field{gap:5px;display:grid}.ride-selects .select-field select{width:100%;min-width:0;padding-left:10px;font-size:13px}.point-list,.ride-list{gap:10px;padding-top:24px;display:grid}.list-heading{justify-content:space-between;align-items:baseline;padding:0 3px 2px;display:flex}.list-heading h2{margin:0;font-size:18px}.list-heading span{color:var(--muted);font-size:12px}.point-card{text-align:left;border:1px solid var(--line);width:100%;min-height:102px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:18px;align-items:center;gap:13px;padding:15px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 3px 10px #212c2609}.point-card:active{transform:scale(.985)}.point-card:hover{border-color:#bfc9c3}.status-mark{border:1px solid var(--line);color:#9aa29e;background:#f2f2ee;border-radius:13px;flex:0 0 42px;place-content:center;width:42px;height:42px;font-size:19px;display:grid}.status-mark.visited{color:var(--forest);background:var(--forest-soft);border-color:#c1d8cc}.status-mark.wishlist{color:var(--gold);background:var(--gold-soft);border-color:#e7c980}.point-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.point-main strong{font-size:16px;line-height:1.25}.point-main>span:not(.status-label){max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-label{border-radius:999px;align-items:center;min-height:23px;margin-top:2px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.status-label.visited{color:var(--forest);background:var(--forest-soft)}.status-label.wishlist{color:#835a11;background:var(--gold-soft)}.status-label.unmarked{color:#8b938f;background:0 0;padding-left:0;font-weight:600}.chevron{color:#98a09c;font-size:26px}.ride-card{text-align:left;border:1px solid var(--line);width:100%;min-height:124px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:18px;align-items:center;gap:13px;padding:14px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 3px 10px #212c2609}.ride-card:hover{border-color:#bfc9c3}.ride-date{width:48px;height:56px;color:var(--forest);background:var(--forest-soft);text-align:center;border-radius:14px;flex:0 0 48px;place-content:center;display:grid}.ride-date strong{font-size:22px;line-height:1}.ride-date span{text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:800}.ride-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.ride-time{color:var(--muted);font-size:11px;font-weight:700}.ride-main>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;line-height:1.28;overflow:hidden}.ride-meta{max-width:100%;color:var(--muted);gap:7px;font-size:11px;display:flex;overflow:hidden}.ride-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ride-meta span+span:before{color:#bdc1bd;content:"•";margin-right:7px}.ride-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.ride-tags em{color:#835a11;background:var(--gold-soft);border-radius:6px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:800}.ride-tags em.full{color:#8e3930;background:#f7e1de}.ride-spots{color:var(--forest);text-align:center;flex-direction:column;flex:0 0 37px;align-items:center;display:flex}.ride-spots strong{font-size:20px;line-height:1}.ride-spots span{color:var(--muted);margin-top:3px;font-size:9px}.empty-state{text-align:center;border:1px dashed #cfd2cc;border-radius:18px;align-content:center;place-items:center;min-height:260px;padding:30px;display:grid}.empty-state>span{color:#9ca49f;font-size:38px}.empty-state h3{margin:10px 0 3px}.empty-state p{color:var(--muted);margin:0 0 18px}.empty-state button{color:#fff;background:var(--forest);border:0;border-radius:12px;min-height:42px;padding:0 18px;font-weight:700}.back-button{min-height:42px;color:var(--forest);cursor:pointer;background:0 0;border:0;padding:0 5px;font-weight:800}.details-heading{flex-direction:column;align-items:flex-start;padding:20px 4px 26px;display:flex}.large-mark{border:1px solid var(--line);background:#ecece7;border-radius:17px;place-content:center;width:54px;height:54px;margin-bottom:18px;font-size:24px;display:grid}.large-mark.visited{color:var(--forest);background:var(--forest-soft);border-color:#c1d8cc}.large-mark.wishlist{color:var(--gold);background:var(--gold-soft);border-color:#e7c980}.details-heading p{color:var(--muted);margin:0 0 7px;font-size:13px;font-weight:700}.details-heading h1{max-width:500px;font-size:clamp(31px,9vw,44px);line-height:1.04}.details-heading .status-label{margin-top:13px}.ride-details .details-heading{padding-top:27px}.detail-date{color:var(--forest);text-transform:capitalize;margin-bottom:10px;font-size:13px;font-weight:800}.ride-details .details-heading p{margin-top:13px;margin-bottom:0}.details-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-bottom:12px;padding:19px}.details-card h2{margin:0 0 7px;font-size:17px}.details-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.status-actions{grid-template-columns:1fr;gap:9px;margin-top:17px;display:grid}.status-actions button{border:1px solid var(--line);min-height:50px;color:var(--ink);cursor:pointer;background:#fafaf7;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.status-actions button span{font-size:18px}.status-actions button.wishlist span{color:var(--gold)}.status-actions button.visited span{color:var(--forest)}.status-actions button.wishlist.selected{color:#73500e;background:var(--gold-soft);border-color:#dbb85f}.status-actions button.visited.selected{color:var(--forest);background:var(--forest-soft);border-color:#a9cab8}.status-actions button:disabled{opacity:.55}.details-card .visited-date{color:var(--forest);text-align:center;margin-top:12px;font-size:12px;font-weight:700}.link-actions{gap:9px;margin-top:16px;display:grid}.link-actions a,.disabled-link{border-radius:13px;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.link-actions a{color:var(--forest);background:var(--forest-soft)}.disabled-link{color:#919793;background:#f0f0ed}.rides-preview>div{align-items:center;gap:13px;display:flex}.rides-preview h2,.rides-preview p{margin:0}.rides-preview p{color:var(--muted);margin-top:3px;font-size:12px}.section-icon{width:42px;height:42px;color:var(--forest);background:var(--forest-soft);border-radius:13px;place-content:center;display:grid}.rides-preview button{color:#8a918d;background:#eeeeea;border:0;border-radius:13px;width:100%;min-height:46px;margin-top:16px;font-weight:800}.ride-conditions dl{grid-template-columns:1fr 1fr;gap:13px 10px;margin:18px 0 0;display:grid}.ride-conditions dl div{gap:2px;display:grid}.ride-conditions dt{color:var(--muted);font-size:11px}.ride-conditions dd{margin:0;font-size:13px;font-weight:800}.ride-conditions .ride-tags{margin-top:18px}.join-card{gap:15px;display:grid}.join-card h2{margin-bottom:3px}.join-card button{color:#8a918d;background:#eeeeea;border:0;border-radius:13px;min-height:48px;font-weight:800}.error-message{color:var(--danger);background:#f9e5e2;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:13px}.loading-card{cursor:default}.ride-card.loading-card{min-height:124px}.loading-card>span{background:#eaebe7;border-radius:13px;width:42px;height:42px;animation:1.2s infinite pulse}.loading-card div{flex:1;gap:8px;display:grid}.loading-card i{background:#eaebe7;border-radius:8px;width:75%;height:12px;animation:1.2s infinite pulse;display:block}.loading-card i:last-child{width:48%}@keyframes pulse{50%{opacity:.45}}.bottom-nav{z-index:5;width:min(100%,620px);padding:8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfbf7f0;border-top:1px solid #18221e1a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#8a918d;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:53px;font-size:11px;font-weight:700;display:flex;position:relative}.bottom-nav button.active{color:var(--forest)}.bottom-nav button small{color:#8b6a2e;background:#f3e6c9;border-radius:5px;padding:1px 4px;font-size:8px;position:absolute;top:3px;right:7px}.screen-heading h1,.setup-screen h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,9vw,42px)}.screen-heading>p:last-child{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.45}.create-screen,.my-screen,.profile-screen{padding-top:2px}.ride-form{gap:15px;padding-bottom:10px;display:grid}.ride-form>label,.ride-form .form-grid>label{gap:7px;display:grid}.ride-form label>span{color:#506058;font-size:13px;font-weight:800}.ride-form label>span small{color:var(--muted);font-weight:600}.ride-form input:not([type=checkbox]),.ride-form select,.ride-form textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:var(--surface);border-radius:13px;outline:0;padding:0 13px}.ride-form textarea{resize:vertical;min-height:104px;padding-top:12px}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.toggle-row{gap:9px;display:grid}.toggle-row label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:13px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--forest)}.toggle-row span{gap:2px;display:grid}.toggle-row strong{font-size:13px}.toggle-row small{color:var(--muted);font-size:11px}.safety-note{color:#68736d;background:#eeeeea;border-radius:12px;margin:0;padding:12px;font-size:12px;line-height:1.45}.primary-button,.secondary-button,.setup-screen button,.danger-button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:14px;width:100%;min-height:50px;font-weight:800}.primary-button:disabled,.secondary-button:disabled,.setup-screen button:disabled,.danger-button:disabled{opacity:.52;cursor:default}.secondary-button{color:var(--forest);background:var(--forest-soft)}.text-button{min-height:42px;color:var(--forest);cursor:pointer;background:0 0;border:0;font-weight:800}.danger-button{color:var(--danger);background:#f9e5e2;margin-bottom:12px}.setup-screen{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 170px);padding:30px 18px;display:grid}.setup-screen .section-icon{margin-bottom:15px}.setup-screen p{max-width:370px;color:var(--muted);margin:10px 0 23px;line-height:1.5}.setup-screen button{max-width:280px}.my-section{gap:10px;margin-bottom:27px;display:grid}.request-card{text-align:left;border:1px solid var(--line);width:100%;min-height:83px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:16px;align-items:center;gap:11px;padding:13px;display:flex}.request-card>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.request-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.request-card small{color:var(--muted);font-size:11px}.request-status{color:#8b6a2e;background:var(--gold-soft);text-align:center;border-radius:8px;flex:0 0 78px;padding:6px 5px;font-size:10px;font-weight:800}.request-status.accepted{color:var(--forest);background:var(--forest-soft)}.request-status.rejected,.request-status.cancelled_by_rider,.request-status.cancelled_by_organizer{color:#8e3930;background:#f7e1de}.compact-empty{color:var(--muted);text-align:center;background:#eeeeea;border-radius:14px;padding:18px;font-size:13px}.profile-card{background:var(--forest);color:#fff;border-radius:20px;align-items:center;gap:13px;margin-bottom:12px;padding:18px;display:flex}.profile-avatar{width:52px;height:52px;color:var(--forest);background:#dcebdc;border-radius:17px;place-content:center;font-size:22px;font-weight:800;display:grid}.profile-card>div:last-child{gap:4px;display:grid}.profile-card strong{font-size:17px}.profile-card span{color:#c7ddd1;font-size:13px}.profile-details dl{grid-template-columns:1fr 1fr;gap:13px;margin:16px 0;display:grid}.profile-details dl div{gap:3px;display:grid}.profile-details dt{color:var(--muted);font-size:11px}.profile-details dd{margin:0;font-size:13px;font-weight:800}.profile-details p{margin-top:10px!important}.notice-message{color:#285943;background:#e2f0e7;border-radius:12px;align-items:center;gap:10px;margin:14px 0;padding:12px 13px;font-size:13px;line-height:1.35;display:flex}.notice-message span{flex:1}.notice-message button{color:#285943;cursor:pointer;background:#2859431a;border:0;border-radius:50%;width:26px;height:26px;font-size:17px}.incoming-list{gap:10px;margin-top:14px;display:grid}.incoming-request{border:1px solid var(--line);border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.request-avatar{width:38px;height:38px;color:var(--forest);background:var(--forest-soft);border-radius:12px;place-content:center;font-size:15px;font-weight:800;display:grid}.incoming-request>div:nth-child(2){gap:2px;min-width:0;display:grid}.incoming-request strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.incoming-request span:not(.request-status){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.incoming-request small{color:var(--muted);font-size:10px}.incoming-request .request-status{flex-basis:auto;min-width:78px}.decision-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.decision-actions button{cursor:pointer;border:0;border-radius:10px;min-height:38px;font-size:12px;font-weight:800}.accept-button{color:var(--forest);background:var(--forest-soft)}.reject-button{color:var(--danger);background:#f9e5e2}.decision-actions button:disabled{opacity:.55;cursor:default}.discussion-card{background:linear-gradient(155deg,#f8fcf8,#edf7f0);border-color:#bcd9c8}.discussion-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.discussion-heading span{color:#60806e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.discussion-heading h2{margin:0}.discussion-heading button{min-height:32px;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #bed9c9;border-radius:9px;padding:0 10px;font-size:11px;font-weight:800}.message-list{gap:11px;max-height:340px;margin:0 -2px 14px;padding:2px;display:grid;overflow-y:auto}.discussion-message{grid-template-columns:31px minmax(0,1fr);align-items:start;gap:9px;display:grid}.message-avatar{width:31px;height:31px;color:var(--forest);background:#d8eadc;border-radius:10px;place-content:center;font-size:12px;font-weight:800;display:grid}.discussion-message>div:last-child{background:#fff;border:1px solid #dce9df;border-radius:4px 13px 13px;min-width:0;padding:9px 11px}.discussion-message header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.discussion-message strong{font-size:12px}.discussion-message time{color:var(--muted);font-size:10px}.discussion-message p{color:#34443d;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.4}.discussion-empty{text-align:center;background:#ffffffa3;border-radius:12px;padding:14px;color:var(--muted)!important;margin:0 0 14px!important;font-size:12px!important}.discussion-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.discussion-form textarea{min-height:46px;font:inherit;resize:vertical;background:#fff;border:1px solid #cfe0d4;border-radius:12px;padding:11px;font-size:13px}.discussion-form textarea:focus{border-color:#7ca991;outline:0;box-shadow:0 0 0 3px #123d321a}.discussion-form button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:12px;min-height:46px;padding:0 12px;font-size:12px;font-weight:800}.discussion-form button:disabled,.discussion-heading button:disabled{opacity:.5;cursor:default}@media (width>=520px){.app-content{padding-left:26px;padding-right:26px}.hero{margin-left:-26px;margin-right:-26px;padding-left:28px;padding-right:28px}.filter-row{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}.status-actions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#10251f;--muted:#64726d;--paper:#f4f3ed;--surface:#fff;--line:#d9ded8;--forest:#123d32;--forest-deep:#0a2821;--forest-soft:#dcece3;--gold:#c38920;--gold-soft:#faedcf;--danger:#a43832}html{background:radial-gradient(circle at 50% -20%,#d5e1d8 0,#e7e6df 38%,#d9d8d1 100%)}body{background:0 0}button,input,select,textarea{transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s}input,select,textarea{font-size:16px}.app-shell{background:linear-gradient(145deg, #f8f8f4 0%, var(--paper) 56%, #eeeee7 100%);overflow:hidden;box-shadow:0 22px 70px #10251f2e}.app-content{padding-bottom:116px}.demo-banner{color:#fdf7e7;background:linear-gradient(90deg,#72551d,#98732d);justify-content:flex-start;gap:10px;min-height:34px;padding:7px 18px;box-shadow:inset 0 -1px #ffffff21}.demo-banner:before{content:"";background:#f8d987;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f8d98729}.demo-banner span{letter-spacing:.09em}.hero{isolation:isolate;background:linear-gradient(135deg, #195747 0%, var(--forest) 48%, var(--forest-deep) 100%);border-radius:0 0 31px 31px;min-height:194px;padding:34px 22px 43px;position:relative;overflow:hidden;box-shadow:0 12px 32px #123d3230}.hero:before,.hero:after{z-index:-1;content:"";border-radius:50%;position:absolute}.hero:before{border:1px solid #ffffff29;width:200px;height:200px;top:-88px;right:-42px;box-shadow:0 0 0 27px #ffffff09,0 0 0 56px #ffffff06}.hero:after{background:radial-gradient(circle,#e8bc5b33,#0000 68%);width:168px;height:168px;bottom:-80px;right:103px}.eyebrow{color:#d8e6d9;letter-spacing:.15em;font-size:10px}.hero h1{letter-spacing:-.065em;max-width:270px;font-size:clamp(34px,9vw,48px);font-weight:850}.hero-copy{color:#d8e5dc;max-width:285px;font-size:13px}.rides-hero{background:linear-gradient(135deg,#101b19 0%,#173f35 54%,#0a2821 100%)}.rides-hero>div{z-index:1;position:relative}.rides-hero:before{z-index:0;border:36px solid #050d0c6e;border-radius:48% 48% 0 0;width:264px;height:334px;top:-102px;right:-91px;transform:rotate(28deg);box-shadow:inset 0 0 0 1px #ffffff0a}.rides-hero:after{z-index:0;opacity:.9;background:repeating-linear-gradient(#e5a72d 0 20px,#0000 20px 42px);border-radius:0;width:7px;height:184px;bottom:-25px;right:58px;transform:rotate(28deg)}.rides-hero .hero-copy{color:#c8d5cf;max-width:305px;margin-top:13px}.ride-count{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#ffffff2e,#ffffff12);border-color:#ffffff40;border-radius:25px;flex-basis:91px;min-height:91px;position:relative;box-shadow:inset 0 1px #ffffff2b,0 9px 18px #0000001c}.ride-count strong{font-size:33px}.controls{gap:11px}.search-field{border-color:#0000;border-radius:17px;min-height:54px;padding:0 14px;box-shadow:0 7px 20px #1d2f2714,inset 0 0 0 1px #123d3214}.search-field:focus-within{box-shadow:0 7px 20px #1d2f271a,0 0 0 3px #123d321f}.search-field>span{font-size:22px}.filter-row{gap:8px;padding-bottom:5px}.filter-chip{background:#ffffff9e;border-color:#d4dcd5;border-radius:11px;min-height:36px;box-shadow:0 2px 6px #142c2309}.filter-chip.active{background:var(--forest-deep);box-shadow:inset 0 2px #e5a72d,0 5px 13px #123d3233}.ride-selects{gap:9px}.ride-selects .select-field{background:#ffffffb8;border:1px solid #123d3214;border-radius:15px;padding:8px 10px 9px}.ride-selects .select-field span{text-transform:uppercase;letter-spacing:.06em;padding-left:2px;font-size:10px}.ride-selects .select-field select{background:#f2f4f0;border-color:#0000;border-radius:9px;min-height:36px}.ride-list{gap:12px;padding-top:26px}.list-heading{padding:0 4px 3px}.list-heading h2{letter-spacing:-.025em;font-size:19px}.ride-card{border-color:#123d3214;border-radius:20px;gap:14px;min-height:132px;padding:15px;position:relative;overflow:hidden;box-shadow:0 8px 20px #1b2f2612}.ride-card:before{content:"";background:#e5a72d;border-radius:0 4px 4px 0;width:4px;position:absolute;top:17px;bottom:17px;left:0}.ride-card:hover{border-color:#123d3240;transform:translateY(-1px);box-shadow:0 12px 25px #1b2f261a}.ride-card:active{transform:scale(.98)}.ride-date{color:#5b3e0e;background:linear-gradient(155deg,#fff7df,#f2d388);border:1px solid #e5be70;border-radius:17px;flex-basis:51px;width:51px;height:61px;box-shadow:inset 0 1px #fffc}.ride-date strong{font-size:24px}.ride-date span{font-size:9px}.ride-main{gap:5px}.ride-main>strong{letter-spacing:-.015em;font-size:16px}.ride-time{color:#64776d;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.ride-meta{font-size:10px}.ride-tags em{letter-spacing:.025em;border-radius:7px;padding:4px 7px;font-size:8px}.ride-spots{border-left:1px solid #e4e7e2;flex-basis:40px;padding:6px 0}.ride-spots strong{font-size:22px}.screen-heading{padding:31px 4px 23px}.screen-heading .eyebrow{color:#75877c}.screen-heading h1,.setup-screen h1{letter-spacing:-.06em;font-weight:850}.screen-heading>p:last-child{max-width:360px;font-size:13px}.details{padding-top:19px}.back-button{border-radius:10px;margin-left:-5px;padding:0 9px}.back-button:hover{background:var(--forest-soft)}.details-heading{padding-top:23px;padding-bottom:22px}.details-heading h1{letter-spacing:-.065em;font-weight:850}.detail-date{color:#7a5713;background:var(--gold-soft);text-transform:uppercase;letter-spacing:.055em;border-radius:8px;padding:5px 9px;font-size:10px;display:inline-flex}.details-card{border-color:#123d3217;border-radius:19px;padding:18px;box-shadow:0 6px 18px #1b2f260b}.details-card h2{letter-spacing:-.02em;font-size:16px}.join-card{background:linear-gradient(145deg,#eff8f1,#e1f0e7);border-color:#bdd8c8}.join-card button,.primary-button{background:linear-gradient(135deg,#1a5948,#10382f);box-shadow:0 8px 16px #123d322e}.join-card button:not(:disabled):active,.primary-button:not(:disabled):active{transform:scale(.98)}.ride-form{gap:13px}.ride-form input:not([type=checkbox]),.ride-form select,.ride-form textarea{background:#ffffffe6;border-color:#d6ded8;border-radius:14px;box-shadow:inset 0 1px #fffc}.ride-form input:not([type=checkbox]):focus,.ride-form select:focus,.ride-form textarea:focus{border-color:#8eb6a0;box-shadow:0 0 0 3px #123d321a}.toggle-row label{border-color:#d7dfd8;border-radius:16px;box-shadow:0 4px 12px #1b2f2609}.safety-note{background:#f7f0df;border-left:3px solid #c89537}.secondary-button{border:1px solid #bed8c8;box-shadow:0 5px 13px #123d3214}.my-section{gap:11px;margin-bottom:29px}.request-card{border-color:#123d3214;border-radius:18px;min-height:88px;box-shadow:0 6px 16px #1b2f260d}.request-status{border:1px solid #c389202e;border-radius:9px}.profile-card{background:linear-gradient(135deg,#195746,#0e3129);border-radius:23px;position:relative;overflow:hidden;box-shadow:0 12px 25px #123d322e}.profile-card:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:145px;height:145px;position:absolute;top:-54px;right:-30px;box-shadow:0 0 0 22px #ffffff09}.profile-avatar{border:2px solid #ffffff4d;box-shadow:0 6px 14px #00000024}.profile-details{background:#ffffffc7}.incoming-request{background:#fafbf9;border-color:#123d321a;border-radius:15px}.decision-actions button{border-radius:11px}.accept-button{border:1px solid #bbd9c6!important}.reject-button{border:1px solid #f0c7c2!important}.bottom-nav{bottom:max(8px, env(safe-area-inset-bottom));background:#fcfdfaed;border:1px solid #123d321a;border-radius:20px;width:min(100% - 20px,600px);padding:6px;box-shadow:0 12px 32px #123d322e}.bottom-nav button{border-radius:14px;min-height:48px}.bottom-nav button>span{font-size:17px}.bottom-nav button.active{background:var(--forest-soft);box-shadow:inset 0 0 0 1px #123d3214}@media (width>=620px){.app-shell{border-radius:28px;min-height:calc(100vh - 32px);margin-top:16px;margin-bottom:16px}.hero{border-radius:0 0 31px 31px}.bottom-nav{bottom:24px}}