@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1f2933;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit}h1,h2{font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;color:#0b112d}h1{font-size:clamp(1.35rem,5.5vw,1.875rem)}h2{font-size:1.35rem;margin-bottom:1rem}.btn{border:none;border-radius:0;padding:.6rem 1.2rem;min-height:44px;font-size:1.05rem;font-weight:700;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background .15s ease,transform .05s ease}.btn:active{transform:scale(.98)}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-leave{background:#fff;color:#0b112d;border:2px solid #000;box-shadow:2px 2px #000}.btn-leave:hover{background:#f3f4f6}.btn-leave:active{transform:translate(2px,2px);box-shadow:none}.btn-delete{background:#fef2f2;color:#dc2626;border:2px solid #000;box-shadow:2px 2px #000}.btn-delete:hover{background:#fee2e2}.btn-delete:active{transform:translate(2px,2px);box-shadow:none}.btn-ghost{background:transparent;color:#52606d}.btn-ghost:hover{background:#e4e7eb}.btn-full{width:100%}.input{width:100%;padding:.55rem .75rem;min-height:44px;border:1px solid #cbd2d9;border-radius:0;font-size:1.05rem;background:#fff}.input:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:transparent}.error-text{color:#b91c1c;margin-top:.75rem;font-size:.9rem}.error-banner{background:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:0;margin-bottom:1rem}.welcome-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:1rem;background:#0b112d99}.welcome-modal{width:100%;max-width:420px;background:#fff;border:3px solid #000;border-radius:0}.welcome-header{margin:0;padding:.85rem 1.25rem;background:#0b112d;color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.welcome-body{padding:1.25rem}.welcome-text{margin:0 0 1.25rem;color:#0b112d;font-weight:500}.welcome-button{width:100%;padding:.85rem;background:#0b112d;color:#fff;border:none;border-radius:0;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.support-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:1rem;background:#0b112d99}.support-modal{width:100%;max-width:420px;background:#fff;border:2px solid #0b112d;border-radius:0}.support-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#0b112d;color:#fff}.support-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.support-close{background:none;border:none;border-radius:0;color:#fff;font-size:1.5rem;line-height:1;padding:0 .25rem;cursor:pointer}.support-body{padding:1.25rem}.support-headline{margin:0 0 .75rem;font-size:1rem;font-weight:800;text-transform:uppercase;color:#0b112d}.support-text{margin:0 0 1.25rem;color:#0b112d;font-weight:500}.support-button{display:block;width:100%;padding:.85rem;background:gold;color:#0b112d;border:2px solid #0b112d;border-radius:0;text-align:center;text-decoration:none;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.support-button:hover{background:#0b112d;color:gold}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:0;box-shadow:0 8px 24px #1f293314;padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center}.login-logo-mark{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:700;color:#0b112d;margin-bottom:1.5rem}.login-logo-icon{font-size:.85em;margin:0 -.25em;transform:translateY(.09em)}.login-card form{display:flex;flex-direction:column;gap:.75rem}.google-login{display:flex;justify-content:center;margin-top:0}.btn-google{background:#4285f4;color:#fff;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #000;box-shadow:4px 4px #000}.btn-google:hover{background:#3367d6}.btn-google:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-google:disabled{cursor:default;opacity:.85}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#0b112d;font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:2px;background:#0b112d}.spinner{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-turn .75s linear infinite}@keyframes spinner-turn{to{transform:rotate(360deg)}}.google-busy{display:flex;align-items:center;min-height:44px;color:#52606d;font-size:.95rem}.btn-outline{background:transparent;color:#0b112d;border:2px solid #0b112d}.btn-outline:hover{background:#0b112d;color:#fff}.login-card .btn-outline{margin-top:1.5rem}.login-card .btn-ghost{margin-top:1rem}.app-header{background:#fff;border-bottom:4px solid #0b112d;padding:.75rem 1.5rem;position:sticky;top:0;z-index:20}.header-row{display:flex;align-items:center;justify-content:space-between}.header-login{min-height:44px;padding:.55rem 1.4rem;background:#0b112d;color:#fff;font-family:inherit;font-size:1.05rem;white-space:nowrap;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;cursor:pointer}.header-login:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.logout-btn{min-height:44px;padding:.55rem 1.1rem;background:#fff;color:#0b112d;font-family:inherit;font-size:1rem;white-space:nowrap;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #000;border-radius:0;box-shadow:2px 2px #000;cursor:pointer}.logout-btn:active{transform:translate(2px,2px);box-shadow:none}.header-desktop{display:flex;align-items:center;gap:.75rem}.identity{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;padding:0;background:none;border:none;border-radius:0;font-family:inherit;cursor:pointer}.identity-name{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1;text-transform:uppercase;color:#0b112d;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border:2px solid #000;object-fit:cover;background:#fff;flex-shrink:0}.avatar-block{width:56px;height:56px;border-radius:0;box-shadow:4px 4px #000}.avatar-tile{width:40px;height:40px;border-radius:0;box-shadow:2px 2px #000}.avatar-hero{width:112px;height:112px;border-radius:0;box-shadow:4px 4px #000}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#0b112d;color:#fff;font-weight:700}.avatar-block.avatar-fallback{font-size:1.4rem}.avatar-tile.avatar-fallback{font-size:1rem}.avatar-hero.avatar-fallback{font-size:2.75rem}.logout-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;padding:1rem;background:#0b112deb}.logout-card{width:100%;max-width:340px;padding:1.5rem;background:#fff;border:3px solid #000;border-radius:0;box-shadow:8px 8px #000}.logout-title{margin:0 0 1rem;color:#0b112d;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.logout-bar{height:24px;padding:3px;border:3px solid #000;background:#fff}.logout-bar-fill{height:100%;background:#0b112d;transform-origin:left;animation:logout-fill 1.2s steps(6,jump-none) infinite}@keyframes logout-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav{display:flex;gap:.25rem}.nav-link{font-family:inherit;font-size:1.05rem;font-weight:700;color:#52606d;background:none;border:none;border-radius:0;padding:.45rem .9rem;cursor:pointer}.nav-link:hover{background:#e4e7eb}.nav-link.active{background:#dbeafe;color:#1d4ed8}.hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:#0b112d;background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;padding:0;cursor:pointer}.hamburger:active{transform:translate(4px,4px);box-shadow:none}.hamburger.open{background:#0b112d;color:#fff}.mobile-menu{display:none}@media (max-width: 640px){.header-desktop{display:none}.hamburger{display:flex}.mobile-menu{display:flex;flex-direction:column;gap:.25rem;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:-1;padding:.5rem 1.5rem .75rem;background:#fff;border-bottom:4px solid #0b112d;transform:translateY(-100%);visibility:hidden;transition:transform .15s linear,visibility 0s linear .15s}.mobile-menu.open{transform:translateY(0);visibility:visible;transition:transform .15s linear}.mobile-link{font-family:inherit;font-size:1.15rem;font-weight:700;color:#52606d;text-align:left;background:none;border:none;border-radius:0;padding:.65rem .75rem;cursor:pointer}.mobile-link:hover{background:#e4e7eb}.mobile-link.active{background:#dbeafe;color:#1d4ed8}.mobile-menu-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:.75rem .75rem .25rem;border-top:2px solid #0b112d}}.screen-slide{animation:screen-in .2s linear}@keyframes screen-in{0%{transform:translate(100%)}}.login-screen{animation:screen-in .2s linear}.rider-row{animation:rider-snap .15s steps(3,jump-none)}@keyframes rider-snap{0%{transform:translateY(10px) scale(.85)}}.details-drawer{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .15s linear,visibility 0s linear .15s}.details-drawer.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .15s linear}.details-drawer-inner{overflow:hidden;min-height:0}.profile-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:1rem;background:#0b112d99}.profile-card{display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:380px;max-height:85vh;overflow-y:auto;padding:1.25rem;background:#fff;border:3px solid #000;border-radius:0;box-shadow:8px 8px #000;animation:rider-snap .15s steps(3,jump-none)}.profile-head{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.profile-name{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;text-transform:none;text-align:center;color:#0b112d;overflow-wrap:anywhere}.profile-section-label{margin:0 0 .4rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;color:#0b112d}.profile-cta{min-height:48px;width:100%;padding:.75rem 1.2rem;background:#2563eb;color:#fff;font-family:inherit;font-size:1.05rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;cursor:pointer}.profile-cta:active{transform:translate(2px,2px);box-shadow:none}.profile-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.profile-card .badges{justify-content:center}.profile-tag{padding:.3rem .7rem;background:#f2ead8;color:#0b112d;font-size:.95rem;font-weight:700;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000}.profile-bike{display:block;width:192px;aspect-ratio:1;margin:0 auto;object-fit:cover;background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000}.profile-stats{display:flex;gap:.75rem}.profile-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem;border:2px solid #000;box-shadow:2px 2px #000}.profile-stat-number{font-size:1.5rem;font-weight:700;line-height:1;color:#0b112d}.profile-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0b112d}.profile-close{min-height:44px;padding:.6rem 1.2rem;background:#fff;color:#0b112d;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #000;border-radius:0;box-shadow:2px 2px #000;cursor:pointer}.profile-close:active{transform:translate(2px,2px);box-shadow:none}@media (prefers-reduced-motion: reduce){.mobile-menu,.mobile-menu.open{transition:none}.screen-slide,.login-screen,.rider-row,.profile-card{animation:none}.details-drawer,.details-drawer.open{transition:visibility 0s}}.greeting{color:#0b112d;font-size:1.5rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.app-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.empty-feed{text-align:center;color:#52606d;padding:3rem 1rem;background:#fff;border-radius:0;border:1px dashed #cbd2d9}.filter-bar{background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.page-title{margin-bottom:1.25rem}.myrides-section{margin-bottom:2rem}.create-form{background:#fff;border-radius:0;box-shadow:0 2px 8px #1f29330f;padding:1.5rem;margin-bottom:1.5rem}.profile-form{display:flex;flex-direction:column;gap:1rem;max-width:480px;background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;padding:1.5rem}.file-trigger{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:.6rem 1.2rem;background:#fde68a;color:#0b112d;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid #000;border-radius:0;box-shadow:2px 2px #000;cursor:pointer}.file-trigger:active{transform:translate(2px,2px);box-shadow:none}.file-preview{width:96px;height:96px;object-fit:cover;margin-top:.5rem;border:2px solid #000;border-radius:0;box-shadow:2px 2px #000}.feedback-panel{max-width:560px;margin:0 auto;background:#fff;border:2px solid #0b112d;border-radius:0}.feedback-header{margin:0;padding:.85rem 1.25rem;background:#0b112d;color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.feedback-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.feedback-message{margin:0;color:#0b112d;font-weight:600}.feedback-textarea{width:100%;padding:.75rem;border:2px solid #0b112d;border-radius:0;background:#fff;color:#0b112d;font-family:inherit;font-size:1rem;resize:vertical}.feedback-textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #0b112d}.feedback-submit{width:100%;padding:.85rem;background:#0b112d;color:#fff;border:2px solid #0b112d;border-radius:0;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.feedback-submit:hover{background:transparent;color:#0b112d}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.field-label{align-self:flex-start;padding:.2rem .55rem;background:#f2ead8;color:#0b112d;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000}.field{flex:1;min-width:160px;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:#3e4c59}.autocomplete-wrap{position:relative}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:#fff;border:2px solid #0b112d;border-radius:0;max-height:240px;overflow-y:auto}.autocomplete-item{display:block;width:100%;padding:.6rem .75rem;text-align:left;background:#fff;color:#0b112d;border:none;border-radius:0;font-size:.85rem;font-weight:400;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item+.autocomplete-item{border-top:1px solid #0b112d}.autocomplete-item:hover{background:#0b112d;color:#fff}.map-link{display:inline-block;align-self:flex-start;margin-top:.35rem;padding:.5rem 1rem;border:2px solid #0b112d;border-radius:0;background-color:transparent;color:#0b112d;font-size:.85rem;font-weight:800;text-transform:uppercase;text-decoration:none}.map-link:hover{background-color:#0b112d;color:#fff}.ride-feed{display:flex;flex-direction:column;gap:1rem}.ride-card{background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000;padding:1.25rem 1.5rem}.ride-card-top{display:flex;flex-direction:column;gap:.75rem}.ride-date-group{display:flex;align-items:center;gap:.5rem}.ride-date{color:#0b112d;font-size:1.25rem;font-weight:700;line-height:1.2}.ride-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%}.attendees-preview{display:flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;color:#0b112d}.type-icon{display:flex;align-items:center;color:#0b112d;flex-shrink:0}.route-timeline{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f2f5}.route-axis{display:flex;flex-direction:column;align-items:center;padding-top:.2rem}.route-dot{width:12px;height:12px;border:2px solid #0b112d;border-radius:0;flex-shrink:0}.route-dot-start{background:#0b112d}.route-dot-end{background:transparent}.route-line{width:2px;flex:1;min-height:24px;background:#0b112d}.route-modules{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;flex:1}.route-module{display:flex;flex-direction:column;gap:.15rem}.route-label{align-self:flex-start;padding:.15rem .5rem;background:#f2ead8;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#0b112d;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000}.route-text{margin:0;font-weight:700;font-size:1.2rem;color:#0b112d;overflow-wrap:anywhere}.route-link{display:block;width:100%;padding:12px;background-color:#0b112d;color:#fff;border:none;border-radius:0;text-align:center;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:.9rem;letter-spacing:1px}.route-link:hover{background-color:transparent;color:#0b112d;border:2px solid #0b112d;padding:10px}.badges{display:flex;gap:.6rem;align-items:center}.badge{padding:.3rem .7rem;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000;color:#0b112d;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.badge-road{background:#dbeafe}.badge-mtb{background:#ffedd5}.badge-gravel{background:#fef3c7}.badge-city{background:#f3e8ff}.badge-beginner{background:#d1fae5}.badge-intermediate{background:#bae6fd}.badge-advanced{background:#fecdd3}.toggle-details-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:.75rem;padding:.35rem;background:transparent;border:none;border-radius:0;color:#0b112d;cursor:pointer}.ride-card-bottom{display:flex;flex-direction:column;gap:1rem;margin:0;margin-top:1rem;padding:0;padding-top:1rem;border:none;border-top:1px solid #0b112d}.attendees-icon{color:#0b112d;flex-shrink:0}.riders-section{padding-top:.75rem;border-top:1px solid #0b112d}.riders-heading{margin:0 0 .5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0b112d}.rider-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.rider-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.25rem;background:none;border:none;border-radius:0;font-family:inherit;text-align:left;cursor:pointer}.rider-btn:hover{background:#e4e7eb}.rider-btn:active{transform:translate(1px,1px)}.rider-name{font-size:1.05rem;font-weight:700;color:#0b112d}.card-actions{display:flex;gap:.5rem}@media (max-width: 480px){.form-row{flex-direction:column}.card-actions{width:100%}.card-actions .btn{flex:1}.ride-card{padding:1rem}.create-form{padding:1.25rem 1rem}.login-card{padding:2rem 1.25rem}}