@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{color:oklch(27% .025 50);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper:#fffbf4e0;--paper-strong:#fffcf7f5;--line:#654f3029;--text-soft:oklch(43% .03 56);--accent:oklch(63% .18 35);--accent-soft:oklch(97% .02 70);--shadow-soft:0 18px 44px #5d431c14;--shadow-lift:0 24px 60px #5d431c1f;background:radial-gradient(circle at 0 0,#d078351c,#0000 30%),radial-gradient(circle at 85% 20%,#48898914,#0000 24%),linear-gradient(oklch(97.5% .012 92),oklch(94.8% .018 78));font-family:Manrope,sans-serif;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}html{min-width:320px}body{color:oklch(27% .025 50);background:inherit;overscroll-behavior-y:none;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-family:Fraunces,serif;font-weight:700;line-height:.96}h1{font-size:clamp(2.6rem,7vw,5.6rem)}h2{font-size:clamp(1.55rem,3vw,2.5rem)}.shell{width:min(1120px,100% - 1.6rem);margin:0 auto;padding:clamp(1rem,2vw,1.5rem) 0 clamp(2rem,5vw,4rem)}.shell--centered,.shell--auth{align-items:center;min-height:100vh;display:grid}.shell--auth{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(1.5rem,5vw,5rem)}.loading-state{padding:2rem 0}.auth-copy,.auth-form-shell,.composer,.hero-panel,.leaderboard-card,.feed-panel,.rider-hero,.metric-ribbon,.empty-state,.banner{border:1px solid var(--line);background:var(--paper)}.auth-copy{background:0 0;border:0;align-content:end;min-height:clamp(18rem,46vw,28rem);padding:clamp(1rem,3vw,2rem) 0;display:grid;position:relative}.auth-copy:before{content:"";background:radial-gradient(circle at 30% 30%, #d6793138, transparent 46%), color-mix(in oklch, var(--accent) 8%, transparent);filter:blur(6px);border-radius:38% 62% 63% 37%/33% 40% 60% 67%;width:min(18rem,52vw);height:min(18rem,52vw);position:absolute;inset:auto auto 18% 0}.auth-copy h1{z-index:1;text-wrap:balance;max-width:8ch;position:relative}.auth-form-shell,.composer,.hero-panel,.leaderboard-card,.feed-panel,.rider-hero{box-shadow:var(--shadow-soft);border-radius:1.6rem;padding:clamp(1rem,2vw,1.5rem)}.auth-form-shell{background:linear-gradient(#fffcf7fa,#f8f1e7f0);padding:clamp(1.1rem,2vw,1.6rem);position:relative}.auth-form-shell:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff9,#0000 32%),linear-gradient(#0000 70%,#cc783d0f);position:absolute;inset:0}.auth-form-shell>*{z-index:1;position:relative}.eyebrow{color:oklch(49% .08 42);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.74rem;font-weight:800}.lede{max-width:48ch;color:var(--text-soft);margin-top:.9rem;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.6}.section-heading{gap:.15rem;display:grid}.section-heading h2{text-wrap:balance}.auth-form,.ride-form,.settings-form{gap:.9rem;display:grid}.auth-form label,.ride-form label,.settings-form label{color:oklch(33% .03 52);gap:.45rem;font-size:.93rem;font-weight:700;display:grid}.auth-form input,.ride-form input,.settings-form input,.settings-form select{min-height:3.25rem;color:inherit;background:#fffdf9f2;border:1px solid #624b2e24;border-radius:1rem;padding:.88rem .95rem;transition:border-color .16s,box-shadow .16s,transform .16s}.auth-form input::placeholder,.ride-form input::placeholder,.settings-form input::placeholder{color:color-mix(in oklch, var(--text-soft) 86%, white)}.auth-form input:focus,.ride-form input:focus,.settings-form input:focus,.settings-form select:focus{border-color:color-mix(in oklch, var(--accent) 45%, white);box-shadow:0 0 0 .22rem color-mix(in oklch, var(--accent) 14%, transparent);outline:none;transform:translateY(-1px)}.primary-button,.ghost-button,.identity-chip{border-radius:999px}.primary-button,.ghost-button{border:0;min-height:3.25rem;padding:.9rem 1.15rem;font-weight:800;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.primary-button{background:var(--accent);color:oklch(98% .01 90);box-shadow:0 12px 22px color-mix(in oklch, var(--accent) 26%, transparent)}.ghost-button{color:inherit;border:1px solid var(--line);background:0 0}.primary-button:hover:not(:disabled),.ghost-button:hover{transform:translateY(-1px)}.primary-button:active,.ghost-button:active{transform:translateY(0)scale(.985)}.primary-button:disabled{opacity:.65;cursor:default}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;padding:.2rem 0 .55rem;display:flex}.topbar__title h1{font-size:clamp(1.8rem,4vw,3rem)}.topbar__actions{align-items:center;gap:.7rem;display:flex}.identity-chip--link{transition:transform .18s,background-color .18s,box-shadow .18s}.identity-chip--link:hover{transform:translateY(-1px)}.identity-chip__label{white-space:nowrap}.identity-chip,.summary-stat{border:1px solid var(--line);background:#fffbf4c7}.identity-chip{align-items:center;gap:.55rem;min-height:3rem;padding:.72rem .95rem;font-weight:800;display:inline-flex}.composer{background:var(--paper-strong);gap:1rem;margin-bottom:1rem;display:grid}.ride-form--inline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.ride-form--inline .primary-button{grid-column:1/-1;justify-self:start;min-width:9.5rem}.time-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.45rem;width:100%;display:grid}.time-picker__separator{color:var(--text-soft);text-align:center;font-weight:800}.time-picker input{text-align:center;min-height:3.25rem;padding-inline:.55rem}.content,.dashboard,.rider-page,.settings-page,.hero-panel--flat{gap:1rem;display:grid}.back-link{width:fit-content;min-height:2rem;color:color-mix(in oklch, var(--text-soft) 92%, white);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.45rem;margin-bottom:.2rem;padding:.15rem 0;font-size:.82rem;font-weight:800;transition:transform .18s,color .18s,opacity .18s;display:inline-flex}.back-link:hover{color:color-mix(in oklch, var(--accent) 72%, oklch(27% .025 50));transform:translate(-1px)}.log-fab{right:max(1rem, env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:30;color:oklch(98% .01 90);width:3.9rem;height:3.9rem;box-shadow:0 20px 44px color-mix(in oklch, var(--accent) 34%, transparent);background:linear-gradient(135deg,oklch(63% .18 35),oklch(59% .17 27));border-radius:50%;place-items:center;font-size:2rem;font-weight:600;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-grid;position:fixed}.log-fab:hover{transform:translateY(-2px)scale(1.02)}.log-fab:active{transform:scale(.98)}.modal-shell{z-index:40;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#47341c3d;border:0;position:absolute;inset:0}.modal-card{border:1px solid var(--line);width:min(100%,42rem);box-shadow:var(--shadow-lift);background:linear-gradient(#fffcf7fa,#f8f1e7f5);border-radius:1.6rem;padding:1rem;position:relative}.modal-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.9rem;display:flex}.modal-close{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:inherit;background:#fffbf4e6;border-radius:999px;font-size:1.5rem;line-height:1}.modal-card .composer{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.hero-note{color:var(--text-soft);font-size:.92rem}.rider-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.rider-tile{border:1px solid var(--line);background:linear-gradient(180deg, #fffcf7f5, #f8f2e9e0), var(--paper);box-shadow:var(--shadow-soft);color:inherit;border-radius:1.45rem;gap:1rem;padding:1rem 1.05rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.rider-tile:hover{border-color:color-mix(in oklch, var(--rider-accent) 28%, var(--line));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rider-tile__head{align-items:center;gap:.9rem;display:flex}.rider-tile__head .eyebrow{margin-bottom:.25rem}.rider-tile__head h3{font-size:1.4rem}.rider-tile__stats{color:var(--text-soft);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rider-tile__stats strong{color:oklch(27% .025 50);font-size:1.05rem}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.chart-wrap{height:260px;margin-top:1rem}.metric-ribbon{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:0;display:grid}.summary-stat{border-radius:1.2rem;gap:.3rem;min-height:5rem;padding:.95rem 1rem;display:grid}.summary-stat span{color:var(--text-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:800}.summary-stat strong{font-size:clamp(1rem,1.8vw,1.3rem)}.leader-list,.activity-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.leader-list li,.activity-row{border-bottom:1px solid #654f301a;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;padding:.95rem 0;display:flex}.leader-list li:last-child,.activity-row:last-child{border-bottom:0}.leader-list__name,.activity-row__meta{align-items:center;gap:.7rem;display:inline-flex}.leader-list__name,.activity-row__link{color:inherit}.leader-list__name:hover,.activity-row__link:hover{color:color-mix(in oklch, var(--accent) 72%, oklch(27% .025 50))}.activity-row__link{gap:.15rem;display:grid}.activity-row__meta p,.leader-list li strong,.activity-row__stats strong{font-weight:800}.activity-row__meta time,.activity-row__stats span,.empty-state p,.form-error,.form-success,.banner{color:var(--text-soft)}.activity-row__stats{justify-items:end;gap:.25rem;display:grid}.avatar-badge,.avatar-preview,.avatar-fallback,.activity-row__accent{aspect-ratio:1;border-radius:50%;flex:none}.activity-row__accent{background:var(--avatar-accent);border-radius:999px;width:.4rem}.avatar-badge{object-fit:cover;width:1.6rem;box-shadow:0 0 0 2px color-mix(in oklch, var(--avatar-accent,transparent) 24%, transparent)}.avatar-badge--fallback,.avatar-fallback{color:oklch(98% .01 90);background:linear-gradient(135deg,oklch(63% .18 34),oklch(62% .16 190));place-items:center;font-size:.78rem;font-weight:800;display:grid}.avatar-badge--large{width:4.4rem}.settings-form{max-width:72rem}.settings-form .ghost-button{justify-self:start}.settings-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.settings-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffbf4b8;border-radius:1.4rem;gap:.9rem;padding:1rem;display:grid}.settings-section{gap:.9rem;display:grid}.settings-help{color:var(--text-soft);font-size:.93rem;line-height:1.5}.text-action{color:var(--text-soft);letter-spacing:.02em;background:0 0;border:0;padding:0;font-weight:800;transition:color .18s,transform .18s}.text-action:hover{transform:translateY(-1px)}.text-action--danger:hover{color:oklch(47% .12 28)}.settings-preview{align-items:center;gap:1rem;padding:.15rem 0 .35rem;display:flex}.avatar-preview,.avatar-fallback{object-fit:cover;width:4.4rem}.settings-name{font-family:Fraunces,serif;font-size:1.35rem;font-weight:700}.settings-meta{color:var(--text-soft)}.rider-hero{background:linear-gradient(180deg, #fffcf7fa, #f8f2e9e6), var(--paper);align-content:start;gap:.8rem;min-height:140px;display:grid;position:relative;overflow:hidden}.rider-hero:after{content:"";background:color-mix(in oklch, var(--rider-accent) 20%, transparent);border-radius:999px;width:5rem;height:calc(100% - 2rem);position:absolute;top:1rem;right:1rem}.empty-state,.banner{box-shadow:var(--shadow-soft);border-radius:1.2rem;padding:1rem 1.1rem}.empty-state h3{margin-bottom:.35rem;font-size:1.15rem}.banner--error,.form-error{color:oklch(47% .12 28)}@media (prefers-reduced-motion:no-preference){.topbar,.composer,.hero-panel,.leaderboard-card,.feed-panel,.rider-hero,.auth-copy,.auth-form-shell,.log-fab{animation:.68s cubic-bezier(.19,1,.22,1) both rise-in}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@media (width<=980px){.shell--auth,.chart-grid,.metric-ribbon,.rider-strip,.settings-grid{grid-template-columns:1fr}.settings-form{max-width:34rem}}@media (width<=720px){.shell{width:min(100% - 1rem,1120px);padding-top:max(.65rem, env(safe-area-inset-top));padding-bottom:calc(5.8rem + env(safe-area-inset-bottom))}.shell--auth{padding-bottom:max(1rem, env(safe-area-inset-bottom));align-content:start;gap:0}.auth-copy{min-height:36vh;padding:1rem 0 2rem}.auth-copy:before{width:12rem;height:12rem;inset:auto auto 10% 0}.auth-form-shell{border-top-left-radius:1.8rem;border-top-right-radius:1.8rem;margin-top:-1rem}.topbar{align-items:center;gap:.75rem;margin:0 0 .85rem;padding:.15rem 0 .25rem}.topbar__actions{justify-content:end;width:auto;margin-left:auto}.topbar__title h1{font-size:clamp(1.5rem,7vw,2rem)}.composer,.hero-panel,.leaderboard-card,.feed-panel,.rider-hero,.settings-preview,.auth-form-shell,.modal-card{border-radius:1.45rem}.summary-stat{min-height:4.5rem}.identity-chip{justify-content:center;min-width:3rem;min-height:3rem;padding:.45rem}.identity-chip__label{display:none}.leader-list li,.activity-row{flex-direction:column;align-items:start}.activity-row__stats{justify-items:start}.settings-form{max-width:none}.modal-shell{padding:.75rem}.modal-card{width:100%;padding:.95rem}}@media (width<=560px){.ride-form--inline{grid-template-columns:1fr}.time-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%}.log-fab{width:3.7rem;height:3.7rem;font-size:1.9rem}}