@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0b0b;--panel:#161616;--panel-2:#1d1d1d;--stroke:#383838;--ink:#f5f5f2;--muted:#a7a7a5;font-family:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}[hidden]{display:none!important}
.demo-banner{display:flex;justify-content:center;align-items:center;gap:8px;background:#eaeae6;color:#101010;padding:9px 16px;min-height:34px;font-size:10px;letter-spacing:.13em;font-weight:800;text-align:center}.demo-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#1c1c1c}
.site-header{height:84px;padding:0 max(25px,calc((100vw - 980px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #292929}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:125px;max-height:50px}.brand .print-logo{display:none}.brand-separator{height:32px;width:1px;background:#555}.brand-label{font-family:'Space Grotesk',sans-serif;letter-spacing:-.06em;font-weight:700;font-size:35px;line-height:1}.header-meta{font-size:10px;letter-spacing:.16em;color:#a8a8a8;font-weight:800}
.container{max-width:980px;margin:auto;padding:0 25px 68px}.page-label{display:flex;align-items:center;gap:12px;margin:38px 0 25px;color:#bbb;font-size:10px;letter-spacing:.17em;font-weight:800}.label-line{display:block;width:26px;height:1px;background:#ddd}
.demo-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.demo-choice label,.eyebrow{font-size:10px;letter-spacing:.16em;color:#b3b3b3;font-weight:800}.demo-choice select{min-width:242px;appearance:none;padding:12px 39px 12px 13px;background-color:#1b1b1b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5' stroke='white' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;border:1px solid #505050;color:#fff;border-radius:3px;font-size:13px;font-weight:700}
.bike-summary{background:linear-gradient(118deg,#222 0%,#151515 68%);border:1px solid #515151;padding:34px 35px 0}.identity-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-tag{font-size:9px;color:#a4a4a4;font-weight:700;letter-spacing:.12em}.bike-summary h1{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:clamp(36px,5.6vw,62px);letter-spacing:-.06em;line-height:1.1;margin:25px 0 10px}.bike-id{font-size:12px;letter-spacing:.09em;font-weight:700;color:#b1b1b1}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #4a4a4a;margin-top:30px}.summary-stats>div{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px 0}.summary-stats>div+div{border-left:1px solid #4a4a4a;padding-left:26px}.summary-stats strong{font-family:'Space Grotesk',Arial,sans-serif;font-size:28px;letter-spacing:-.045em}.summary-stats span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#b8b8b8}
.history-section{margin-top:60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:21px;border-bottom:1px solid #474747}.section-heading h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:34px;letter-spacing:-.045em;line-height:1.15;margin:9px 0 0}.entry-count{font-size:10px;letter-spacing:.1em;color:#aaa;font-weight:800;white-space:nowrap}
.visit{display:grid;grid-template-columns:1fr;gap:0;padding:30px 0 29px;border-bottom:1px solid #353535}.visit-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px}.visit-date{color:#a9a9a9;font-size:12px;font-weight:700;letter-spacing:.04em;min-width:102px}.visit-title{font-size:20px;line-height:1.32;font-weight:700;letter-spacing:-.015em;margin:0;flex:1}.visit-mileage{font-size:11px;color:#aaa;white-space:nowrap}.visit-body{margin:20px 0 0 120px;display:grid;gap:22px}.visit-block{max-width:760px}.block-title{font-size:10px;letter-spacing:.16em;color:#888;font-weight:800;margin:0 0 12px}.work-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.work-list li{position:relative;color:#ededeb;font-size:14px;line-height:1.5;padding-left:20px}.work-list li:before{content:'';position:absolute;left:0;top:.65em;background:#e3e3e3;width:7px;height:7px;border-radius:50%}.settings-list{margin:0;max-width:550px}.setting-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #292929;font-size:13px}.setting-row dt{color:#b3b3b3}.setting-row dd{margin:0;font-weight:700;text-align:right}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:43px}.actions button{min-height:57px;text-align:left;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;cursor:pointer;letter-spacing:.01em}.primary-action{background:#eee;color:#111;border:1px solid #eee}.secondary-action{background:transparent;border:1px solid #696969;color:#eee}.actions button:hover{opacity:.82}.notice{font-size:12px;color:#bbb;min-height:19px}.footnote{margin:41px 0 0;padding:4px 0 0 18px;border-left:2px solid #484848}.footnote p{max-width:760px;font-size:12px;line-height:1.6;color:#8d8d8d;margin:11px 0}.footnote strong{color:#b4b4b4}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px max(25px,calc((100vw - 980px)/2));border-top:1px solid #292929;font-size:10px;letter-spacing:.11em;color:#858585;font-weight:800}.site-footer a{text-decoration:none;color:#d4d4d4}
button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){.site-header{height:68px;padding:0 19px}.brand img{width:108px}.brand-separator{height:27px}.brand-label{font-size:30px}.header-meta{display:none}.container{padding:0 20px 56px}.page-label{margin:29px 0 20px;font-size:9px}.demo-choice{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.demo-choice select{width:100%;min-width:0}.bike-summary{padding:25px 21px 0}.bike-summary h1{font-size:clamp(37px,9.6vw,53px)}.identity-top{align-items:start}.demo-tag{max-width:90px;text-align:right;font-size:8px}.bike-id{font-size:10px}.summary-stats{margin-top:25px}.summary-stats>div{padding:17px 10px 20px 0}.summary-stats>div+div{padding-left:17px}.summary-stats strong{font-size:24px}.summary-stats span{font-size:9px;line-height:1.5}.history-section{margin-top:48px}.section-heading{align-items:end}.section-heading h2{font-size:28px}.entry-count{font-size:9px}.visit{padding:25px 0}.visit-head{display:block}.visit-date{display:block;margin-bottom:10px}.visit-title{font-size:19px}.visit-mileage{display:block;margin-top:7px}.visit-body{margin:19px 0 0 0;gap:20px}.work-list li{font-size:14px}.actions{grid-template-columns:1fr;gap:10px;margin-top:36px}.site-footer{padding:20px;flex-wrap:wrap;font-size:9px}.site-footer span:last-child{display:none}}
@media print{@page{margin:14mm} :root{color-scheme:light}body{background:white;color:black}.demo-banner,.demo-choice,.actions,.notice,.site-footer{display:none!important}.site-header{height:60px;padding:0;border-bottom:1px solid #888}.site-header .brand .screen-logo{display:none!important}.site-header .brand .print-logo{display:block!important;filter:none!important;opacity:1!important}.brand-separator{background:#777}.header-meta{color:#555}.container{padding:0}.page-label{margin:17px 0}.bike-summary{background:white!important;border:1px solid #888;padding:18px 22px 0;color:black}.bike-summary h1{font-size:37px;margin:12px 0 8px}.eyebrow,.bike-id,.demo-tag,.summary-stats span{color:#555}.summary-stats{margin-top:18px;border-color:#aaa}.summary-stats>div+div{border-color:#aaa}.history-section{margin-top:30px}.section-heading{border-color:#888}.section-heading h2{font-size:27px}.visit{break-inside:avoid;border-color:#999;padding:18px 0}.visit-date,.visit-mileage,.block-title{color:#555}.visit-body{margin-top:12px;gap:12px}.work-list li{color:#111}.work-list li:before{background:#111}.setting-row{border-color:#bbb}.setting-row dt{color:#444}.footnote{break-inside:avoid;margin-top:20px}.footnote p{color:#444}}