:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f5;--panel:#fff;--text:#203c36;--muted:#697871;--line:#dce3db;--accent:#275d4d;--accent-strong:#174435;--danger:#9b3d30;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:650;transition:background .15s;display:inline-flex}button:hover,.button-link:hover{background:var(--accent-strong)}button:disabled{opacity:.48;cursor:not-allowed}.secondary-button{color:var(--accent);background:0 0;border-color:#bed0c5}.secondary-button:hover{background:#edf3ed}.quiet-button{color:var(--muted);background:0 0;border:0;min-height:32px;padding:5px 8px}.quiet-button:hover{color:var(--text);background:#e8eee7}input,select,textarea{width:100%;min-width:0;min-height:46px;color:var(--text);background:#fff;border:1px solid #cdd7cd;border-radius:6px;padding:11px 12px}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#92a096}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a5c7ae}label{gap:8px;font-size:13px;font-weight:600;display:grid}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;font-weight:550}h1{font-family:var(--serif);letter-spacing:-1.3px;font-size:clamp(34px,3.2vw,48px);line-height:1.12}h2{letter-spacing:-.5px;font-size:22px;line-height:1.3}h3{font-size:17px}p{line-height:1.65}small,.small{font-size:12px;line-height:1.6}.muted{color:var(--muted)}.eyebrow{letter-spacing:1.7px;color:var(--accent);margin:0 0 12px;font-size:10px;font-weight:750}.heading-dot{color:#86a45e}.text-link,.auth-switch a{color:var(--accent);text-underline-offset:4px;font-weight:650;text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:10px}.brand strong{letter-spacing:-.4px;font-size:16px;font-weight:650;display:block}.brand small{color:#b0c6b6;margin-top:4px;font-size:10px;display:block}.app-frame{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eff5e8;background:#203f35;border-right:1px solid #203f35;flex-direction:column;height:100vh;padding:35px 23px;display:flex;position:sticky;top:0}.nav-caption{letter-spacing:2px;color:#92ae9f;margin:58px 12px 15px;font-size:9px}.nav-list{gap:7px;display:grid}.nav-list a{color:#c0d2c6;border-radius:7px;align-items:center;gap:13px;padding:13px 15px;font-size:13px;display:flex}.nav-list a span{text-align:center;width:23px;font-size:20px}.nav-list a:hover{background:#2c4b3f}.nav-list a[aria-current=page]{color:#284330;background:#dbe9ce;font-weight:700}.sidebar-account{border-top:1px solid #406051;grid-template-columns:33px 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:grid}.avatar{color:#dce8d5;background:#436151;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.account-email{overflow-wrap:anywhere;font-size:11px}.sidebar-account .quiet-button{color:#b5cbbd;grid-column:2;justify-content:flex-start;padding:0;font-size:11px}.main-panel{min-width:0;padding:48px 52px 70px}.page-stack{gap:26px;max-width:1250px;margin:auto;display:grid}.page-header{justify-content:space-between;align-items:center;gap:22px;margin-bottom:9px;display:flex}.page-header p:last-child{margin-bottom:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:28px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.form-stack{gap:18px;margin-top:23px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.callout{color:#31553b;background:#edf5e8;border:1px solid #c7dbbd;border-radius:8px;margin:0;padding:14px 17px;font-size:13px}.callout.error{color:var(--danger);background:#fff2ed;border-color:#efc5bb}.callout button{margin-left:12px}.connection-state{max-width:850px;padding:100px 10%}.empty-garage{text-align:center;background:#eaf0e6;border:1px solid #dbe4d4;border-radius:14px;padding:38px 24px}.empty-symbol{font-family:var(--serif);color:#829975;margin-bottom:20px;font-size:64px;line-height:1;display:block}.empty-garage h2{font-family:var(--serif);font-size:32px}.empty-garage p:last-child{color:var(--muted);margin-bottom:0;font-size:14px}.garage-count{letter-spacing:1.6px;color:var(--muted);justify-content:space-between;margin:10px 0 -10px;font-size:10px;font-weight:700;display:flex}.garage-count span:last-child{font-size:9px;font-weight:400}.bike-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.garage-bike{border:1px solid var(--line);background:#fff;border-radius:12px;transition:transform .15s,box-shadow .15s;overflow:hidden}.garage-bike:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2347330d}.garage-bike h2{font-family:var(--serif);margin:27px 26px 4px;font-size:30px}.garage-bike>p{color:var(--muted);margin:0 26px;font-size:12px}.bike-card-top{background:#e9f0e3;align-items:center;gap:14px;padding:23px 26px;display:flex}.garage-bike:nth-child(2n) .bike-card-top{background:#e5eeee}.bike-number{font-family:var(--serif);color:#7b9372;font-size:36px;line-height:1}.bike-type{text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.bike-arrow{color:#698266;margin-left:auto;font-size:25px}.bike-card-metrics{color:var(--muted);gap:32px;padding:26px;font-size:11px;display:flex}.bike-card-metrics strong{color:var(--text);margin-bottom:5px;font-size:19px;font-weight:550;display:block}.bike-card-footer{border-top:1px solid var(--line);justify-content:space-between;padding:16px 26px;font-size:12px;font-weight:650;display:flex}.prep-prompt{background:#edf0e9;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.prep-prompt h2{font-family:var(--serif);font-size:26px}.prep-prompt p:last-child{color:var(--muted);margin-bottom:0;font-size:13px}.back-link{color:var(--muted);font-size:12px}.metric-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;display:grid}.metric-list>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px}.metric-list dt{letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-size:10px}.metric-list dd{font-family:var(--serif);margin:10px 0 4px;font-size:38px}.metric-list small{color:#829084;font-size:10px}.view-tabs{border-bottom:1px solid var(--line);gap:26px;display:flex}.view-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0 15px;font-size:12px}.view-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text)}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:24px;display:grid}.detail-grid>.page-stack{align-self:start;width:100%}.status-list{margin:0;padding:0;list-style:none}.status-list li{border-top:1px solid #edf0e9;justify-content:space-between;gap:14px;padding:18px 0;display:flex}.status-list strong{font-size:13px;font-weight:650}.status-list small{color:var(--muted);max-width:370px;margin-top:6px;font-size:11px;display:block}.status-chip{color:#4f7043;white-space:nowrap;background:#edf2e7;border-radius:5px;align-self:flex-start;padding:6px 9px;font-size:10px;font-weight:650;display:inline-block}.status-chip.due_soon{color:#8c681a;background:#fcf0cf}.status-chip.due_now{color:#9a5334;background:#fae9dd}.status-chip.unknown_setup{color:#5a686d;background:#e9edef}.integration-card{background:#f4f5ef;gap:15px;display:grid}.integration-card h2{font-family:var(--serif);font-size:27px}.integration-card p{color:var(--muted);margin:0;font-size:12px}.integration-label{letter-spacing:1.3px;color:#a16244;font-size:9px}.task-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:13px;margin:0;padding:17px;display:grid}.task-grid legend{padding:0 7px;font-size:12px;font-weight:650}.task-grid label{align-items:center;font-size:12px;font-weight:400;display:flex}.task-grid input{width:16px;height:16px;min-height:0;accent-color:var(--accent)}.history-list{margin:25px 0 0;padding:0;list-style:none}.history-list li{border-top:1px solid var(--line);gap:18px;padding:22px 0;display:flex}.history-dot{background:#9aac80;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.record-meta{color:var(--muted);font-size:10px}.history-list h3{margin:8px 0}.history-list p{white-space:pre-wrap;margin:8px 0;font-size:13px}.history-list small{color:var(--muted)}.rides-list{margin:20px 0 0;padding:0;list-style:none}.rides-list li{border-top:1px solid var(--line);justify-content:space-between;gap:25px;padding:15px 0;font-size:12px;display:flex}.rides-list small{color:var(--muted);display:block}.rides-list li>span:last-child{text-align:right;color:var(--muted)}.bike-selector{max-width:440px}.draft-card{border-top:3px solid #b4c59b}.shop-summary{font:inherit;white-space:pre-wrap;border-top:1px solid var(--line);color:#415249;margin:15px 0;padding:25px 0 0;font-size:14px;line-height:1.85}.account-details{grid-template-columns:100px 1fr;gap:18px;margin:28px 0;font-size:13px;display:grid}.account-details dt{color:var(--muted)}.account-details dd{overflow-wrap:anywhere;margin:0}.integration-note{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.integration-note p{color:var(--muted);font-size:13px}.public-header{background:#f7f8f5;justify-content:space-between;align-items:center;height:105px;padding:25px 6%;display:flex}.public-header .brand small{color:var(--muted)}.public-header>span{letter-spacing:2px;color:var(--muted);font-size:9px}.auth-layout{grid-template-columns:1.1fr 1fr;min-height:calc(100vh - 105px);display:grid}.auth-story{background:#e6eddf;padding:70px 13% 45px;position:relative;overflow:hidden}.auth-story h1{letter-spacing:-2.5px;margin-top:30px;font-size:clamp(44px,4.9vw,74px);line-height:1.07}.auth-story>p:not(.eyebrow){color:#61765c;max-width:360px;margin-top:30px;font-size:14px}.story-line{pointer-events:none;border:1px solid #b9c8aa;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-275px;right:-310px}.story-line:after{content:"";border:1px solid #b9c8aa;border-radius:50%;position:absolute;inset:35px}.auth-story .story-footer{letter-spacing:1.5px;position:relative;margin-top:85px!important;font-size:9px!important}.auth-card{width:100%;max-width:490px;margin:auto;padding:45px}.auth-card h2{font-family:var(--serif);letter-spacing:-.9px;font-size:34px}.auth-card>.muted{font-size:13px}.auth-card .form-stack{gap:17px;margin-top:31px}.auth-card .form-stack>button{margin-top:10px}.auth-forgot{justify-self:end;font-size:12px}.password-field{background:#fff;border:1px solid #cdd7cd;border-radius:6px;display:flex;overflow:hidden}.password-field input{border:0;flex:1;min-width:0}.password-field button{background:0 0;flex-shrink:0;padding:8px 12px;font-size:11px}.auth-switch{text-align:center;color:var(--muted);margin-top:29px;font-size:12px}.success-state{gap:18px;margin-top:25px;display:grid}.success-state p{color:var(--accent);font-size:14px}@media (min-width:1600px){.main-panel{padding:60px 6%}.sidebar{padding-top:45px}}@media (max-width:1100px){.app-frame{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:28px 16px}.main-panel{padding:35px 28px}.detail-grid{grid-template-columns:1fr}.sidebar .brand small{display:none}.sidebar .brand strong{font-size:13px}.prep-prompt{flex-direction:column;align-items:flex-start}.auth-story{padding:70px 10%}}@media (max-width:760px){.app-frame{display:block}.sidebar{gap:17px;height:auto;padding:18px 20px;position:static}.sidebar .brand strong{font-size:16px}.nav-caption{display:none}.nav-list{justify-content:space-between;gap:4px;display:flex}.nav-list a{gap:6px;padding:9px;font-size:11px}.nav-list a span{width:auto;font-size:16px}.sidebar-account{border:0;margin:0;padding:0;display:flex}.avatar{display:none}.account-email{flex:1;font-size:10px}.sidebar-account .quiet-button{font-size:11px}.main-panel{padding:28px 20px 45px}.page-stack{gap:22px}.page-header{flex-wrap:wrap}.page-header h1{font-size:36px}.page-header>.actions{width:100%}.page-header>div>p:last-child{font-size:12px}.bike-grid{grid-template-columns:1fr}.garage-count span:last-child{display:none}.panel{padding:22px}.metric-list{grid-template-columns:1fr 1fr;gap:11px}.metric-list>div{padding:18px}.metric-list dd{font-size:32px}.form-grid,.task-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap;align-items:flex-start}.public-header{height:85px;padding:20px 25px}.public-header>span{display:none}.auth-layout{min-height:calc(100vh - 85px);display:block}.auth-story{display:none}.auth-card{max-width:470px;padding:35px 26px}.auth-card h2{font-size:32px}.desktop-only{display:none}.rides-list li{flex-direction:column;gap:6px}.rides-list li>span:last-child{text-align:left}.empty-garage{padding:30px 20px}.empty-garage h2{font-size:28px}.view-tabs{gap:21px}.view-tabs button{font-size:11px}.printable-summary .actions{gap:6px}.printable-summary button{padding:8px 11px;font-size:12px}}@media print{body{background:#fff}.sidebar,.no-print,.page-header,form{display:none!important}.app-frame{display:block}.main-panel{padding:0}.page-stack>.panel:not(.printable-summary){display:none}.printable-summary{border:0;padding:0}.shop-summary{overflow:visible}}.password-group{gap:8px;display:grid}
