.bike-app{--background:#111519;--foreground:#f3f4ef;--card:#171e23;--primary:#e8eee9;--primary-foreground:#101619;--border:#3b474e;--input:#45535b;--muted-foreground:#b7c1c5;color:#f3f4ef;background:#0d1114;min-height:100vh;padding:24px max(20px,50vw - 580px);font-size:16px;line-height:1.6}.bike-app header,.bike-app footer,.bike-actions,.bike-list,.bike-tabs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bike-app header{border-bottom:1px solid #39434a;justify-content:space-between;padding-bottom:20px}.bike-app a{color:#b8d9e6;text-underline-offset:3px;text-decoration:underline}.bike-app header a{align-items:center;gap:8px;display:flex}.bike-title{padding:28px 0}.bike-title>p:first-child{letter-spacing:.1em;font-size:14px}.bike-app h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.1}.bike-app h2{font-size:1.5rem;font-weight:650}.bike-app h3{font-size:1.1rem;font-weight:650}.bike-panel{background:#141b20;border:1px solid #39464f;margin:20px 0;padding:24px}.bike-heading{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.bike-grid,.bike-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin:18px 0;display:grid}.bike-app label{gap:7px;margin-bottom:14px;font-size:1rem;display:grid}.bike-app input,.bike-app textarea,.bike-app select{color:#fff;background:#0c1216;border:1px solid #51616b;width:100%;min-height:44px;padding:9px;font-size:16px}.bike-app [data-slot=select-trigger]{white-space:normal;width:100%;min-height:44px}.bike-app button{white-space:normal;max-width:100%;min-height:44px}.bike-app form>button,.bike-entry>button{margin:10px 8px 0 0}.bike-app .bike-small{color:#bdc9cd;font-size:14px}.bike-entry,.bike-cards article{overflow-wrap:anywhere;border-bottom:1px solid #3b474e;padding:18px 0}.bike-entry p,.bike-cards p{white-space:pre-wrap}.bike-alert{background:#34251e;border-left:4px solid #ed9b60;padding:16px}.bike-notice{background:#1b303a;border-left:3px solid #94cbd9;padding:14px}.bike-cta{background:#eaf0ef;padding:12px 20px;display:inline-block;color:#111!important}.bike-app pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.bike-app footer{border-top:1px solid #39434a;margin-top:32px;padding:28px 0}.bike-app summary{cursor:pointer;padding:12px 0}.bike-tabs{margin:20px 0}:is(.bike-app a:focus-visible,.bike-app summary:focus-visible){outline-offset:4px;outline:2px solid #9cd1e6}.bike-photo{object-fit:contain;max-width:100%;max-height:380px;margin:16px 0;display:block}.bike-title-compact{padding:16px 0}.bike-title-compact h1,.bike-title-compact>p:last-child{display:none}.bike-profile{padding:0;overflow:hidden}.bike-profile>.bike-heading,.bike-profile>p,.bike-profile>a{margin:20px 24px}.bike-hero{background:#080c0e;margin:0}.bike-hero .bike-hero-photo{aspect-ratio:16/9;object-fit:contain;width:100%;min-height:220px;max-height:580px;margin:0}.bike-hero>p{padding:24px}.bike-hero figcaption{color:#ced9de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:14px;display:flex}.bike-hero figcaption button{color:#b8d9e6;text-decoration:underline}@media (max-width:600px){.bike-hero .bike-hero-photo{aspect-ratio:4/3;min-height:0}.bike-profile>.bike-heading,.bike-profile>p,.bike-profile>a{margin:16px}.bike-hero figcaption{padding:12px 16px}}.bike-app [data-slot=select-trigger]{color:#f3f4ef;background:#0c1216;border-color:#51616b;font-size:16px}.bike-select-menu[data-slot=select-content]{color:#f3f4ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:100;background:#171e23;border:1px solid #647681;box-shadow:0 12px 32px #0009}.bike-select-menu [data-slot=select-item]{color:#f3f4ef;min-height:44px;font-size:16px;line-height:1.4}.bike-select-menu [data-slot=select-item][data-highlighted],.bike-select-menu [data-slot=select-item]:focus{color:#fff;background:#294754}.bike-select-menu [data-slot=select-item][data-state=checked]{color:#fff;background:#203741}.bike-select-menu [data-slot=select-item][data-disabled]{color:#aebbc2;opacity:1}.bike-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#8db3c1;--primary-foreground:#0d171c;--accent:#25343d;--accent-foreground:#f3f4ef;--ring:#98c7da;--secondary:#202b32;--secondary-foreground:#f3f4ef}.bike-app [data-slot=button]{box-shadow:none;border-radius:3px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.bike-app [data-slot=button][data-variant=default]{color:#10191d;background:#9fbcc7;border:1px solid #9fbcc7}.bike-app [data-slot=button][data-variant=default]:hover{background:#bdd0d7;border-color:#bdd0d7}.bike-app [data-slot=button][data-variant=outline]{color:#dce5e8;background:0 0;border:1px solid #46545c}.bike-app [data-slot=button][data-variant=outline]:hover,.bike-app [data-slot=button][data-variant=ghost]:hover{color:#fff;background:#25343d}.bike-app [data-slot=button][data-variant=ghost]{color:#b8d9e6;background:0 0}.bike-app input,.bike-app textarea,.bike-app select,.bike-app [data-slot=select-trigger]{color:#f3f4ef;box-shadow:none;background:#192329;border:1px solid #45545d;border-radius:3px}.bike-app input:focus-visible{outline-offset:3px;outline:2px solid #98c7da}.bike-app textarea:focus-visible{outline-offset:3px;outline:2px solid #98c7da}.bike-app [data-slot=select-trigger]:focus-visible{outline-offset:3px;outline:2px solid #98c7da}.bike-app button:focus-visible{outline-offset:3px;outline:2px solid #98c7da}.bike-app input::placeholder,.bike-app textarea::placeholder{color:#a3b0b8}.bike-panel{background:0 0;border:0;border-top:1px solid #34414a;margin:24px 0;padding:28px 0}.bike-profile{background:#12191e;border:1px solid #2e3b43;padding:0}.bike-profile h2{margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.bike-profile .bike-heading>div{flex:320px}.bike-profile .bike-heading>div>p{color:#b8c6cc;font-size:14px}.bike-owner-notes{border-top:1px solid #34414a;margin:8px 24px 20px}.bike-owner-notes>p{white-space:pre-wrap;color:#c3cfd4;max-width:78ch;padding-bottom:12px}.bike-list{gap:8px;margin:20px 0}.bike-tabs{border-bottom:1px solid #34414a;gap:24px;margin:28px 0 0}.bike-app .bike-tabs [data-slot=button]{color:#aebec6;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0}.bike-app .bike-tabs [data-slot=button][aria-current=page]{color:#f3f4ef;background:0 0;border-bottom-color:#9fbcc7}.bike-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.bike-spec-group{margin-bottom:36px}.bike-app .bike-group-title{letter-spacing:.08em;text-transform:uppercase;color:#a9c6d2;border-bottom:1px solid #4b5a63;padding-bottom:12px;font-size:14px}.bike-spec-row{border-bottom:1px solid #2b3840;grid-template-columns:180px minmax(0,1fr) auto;align-items:start;gap:24px;padding:22px 0;display:grid}.bike-spec-category{color:#aebdc5;padding-top:3px;font-size:14px}.bike-spec-content{overflow-wrap:anywhere;min-width:0}.bike-app .bike-spec-content h3{font-size:18px;font-weight:600;line-height:1.45}.bike-evidence{color:#a9bac3;flex-wrap:wrap;gap:4px 18px;margin-top:6px;font-size:14px;display:flex}.bike-evidence>span+span{border-left:1px solid #4b5a63;padding-left:18px}.bike-spec-details{max-width:80ch;margin-top:4px}.bike-spec-details summary{color:#b8d9e6;width:fit-content;padding:8px 0;font-size:14px}.bike-spec-details p{white-space:pre-wrap;color:#cad4d9;margin:10px 0;line-height:1.7}.bike-unresolved{border-left:2px solid #647b89;margin:18px 0;padding-left:16px}.bike-unresolved h4{color:#b6c7cf;font-size:14px;font-weight:600}.bike-spec-details a{margin:4px 0 12px;font-size:14px;display:inline-block}.bike-app .bike-edit{align-self:start;padding:4px 12px}.bike-app .bike-edit-panel,.bike-app form.bike-panel{background:#141d23;border:1px solid #3e505b;border-radius:4px;padding:24px;scroll-margin-top:24px}.bike-edit-panel h3{margin-bottom:20px}.bike-entry{padding:22px 0}.bike-entry>p:first-child{color:#a9bac3;font-size:14px}.bike-empty{color:#b5c5cd;padding:24px 0}@media (max-width:640px){.bike-spec-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:20px 0}.bike-spec-category{grid-area:1/1}.bike-spec-content{grid-area:2/1}.bike-edit{grid-area:1/2/3}.bike-tabs{gap:8px 22px}.bike-app .bike-edit-panel,.bike-app form.bike-panel{padding:16px}.bike-owner-notes{margin:8px 16px 16px}}
