:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-num:"Inter", system-ui, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--lh-tight:1.2;--lh-base:1.45;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-caps:.06em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--nav-h:68px;--sidebar-w:248px;--content-max:1180px;--tap-min:44px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--wear-warn-at:80;--wear-replace-at:100}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--bg-2:#ebeef2;--surface:#fff;--surface-2:#f1f3f6;--surface-3:#e6eaef;--line:#dde2e8;--line-strong:#c5ccd5;--text:#12161c;--text-2:#475262;--text-3:#66707e;--accent:#c2410c;--accent-hover:#9a3412;--accent-ink:#fff;--accent-soft:#ffedd5;--accent-soft-ink:#9a3412;--ok:#15803d;--ok-soft:#dcfce7;--ok-ink:#14532d;--warn:#a16207;--warn-soft:#fef3c7;--warn-ink:#713f12;--danger:#b91c1c;--danger-soft:#fee2e2;--danger-ink:#7f1d1d;--info:#1d4ed8;--info-soft:#dbeafe;--info-ink:#1e3a8a;--strava:#fc4c02;--track:#e6eaef;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814, 0 1px 3px #1018280d;--shadow-lg:0 16px 40px #10182824;--hero-glow:radial-gradient(120% 140% at 100% 0%, #ffd8b5 0%, transparent 55%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f13;--bg-2:#11151a;--surface:#161a20;--surface-2:#1d232b;--surface-3:#262d37;--line:#262d36;--line-strong:#353e4a;--text:#e8ecf1;--text-2:#a9b3c0;--text-3:#808b9a;--accent:#ff8a3d;--accent-hover:#ffa466;--accent-ink:#1a0b00;--accent-soft:#ff8a3d29;--accent-soft-ink:#ffb27f;--ok:#4ade80;--ok-soft:#4ade8024;--ok-ink:#86efac;--warn:#facc15;--warn-soft:#facc1524;--warn-ink:#fde68a;--danger:#f87171;--danger-soft:#f8717129;--danger-ink:#fca5a5;--info:#60a5fa;--info-soft:#60a5fa26;--info-ink:#93c5fd;--strava:#fc5200;--track:#262d37;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 18px #00000059;--shadow-lg:0 18px 48px #0000008c;--hero-glow:radial-gradient(120% 140% at 100% 0%, #ff8a3d47 0%, transparent 55%)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--card:var(--surface);--card-2:var(--surface-2);--accent-2:var(--accent-hover);--radius:var(--r-lg);--radius-sm:var(--r-sm);--shadow:var(--shadow-md);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";-webkit-tap-highlight-color:transparent}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-size:var(--fs-md);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;line-height:1.45}body.noscroll{overflow:hidden}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:700}button{font:inherit;color:inherit}.ico{flex:none}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 16px)}.page{max-width:760px;margin:0 auto;padding:0 14px}.topbar{z-index:20;padding:calc(10px + var(--safe-t)) 14px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);align-items:center;gap:6px;margin:0 -14px 6px;display:flex;position:sticky;top:0}.topbar-title{flex:1;min-width:0}.topbar h1{font-size:var(--fs-xl);white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.topbar-sub{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-right{gap:4px;display:flex}.icon-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-md);cursor:pointer;color:var(--text);transition:background var(--dur-fast);background:0 0;border:1px solid #0000;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{background:var(--surface-3)}.bottomnav{z-index:30;height:calc(var(--nav-h) + var(--safe-b));padding:6px 4px var(--safe-b);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -1px 0 var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{min-width:var(--tap-min);color:var(--text-2);font-size:var(--fs-xs);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottomnav .pill{border-radius:var(--r-pill);width:56px;height:30px;transition:background var(--dur-fast);place-items:center;display:grid;position:relative}.bottomnav a.on{color:var(--text);font-weight:700}.bottomnav a.on .pill{background:var(--accent-soft);color:var(--accent-soft-ink)}.nav-dot{background:var(--danger);color:#fff;border:2px solid var(--surface);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);margin-bottom:12px}.card.flush{padding:0;overflow:hidden}.tappable{cursor:pointer;transition:transform var(--dur-fast) ease, border-color var(--dur-fast)}.tappable:hover{border-color:var(--line-strong)}.tappable:active{transform:scale(.985)}.section{margin:18px 0 8px}.section-head{justify-content:space-between;align-items:center;gap:8px;margin:0 2px 8px;display:flex}.section-head h3{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);font-weight:700}.link-btn{color:var(--accent);font-weight:650;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;min-height:36px;padding:10px 4px}.hero{border-radius:var(--r-xl);padding:var(--sp-5);background:var(--hero-glow), var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:14px;position:relative;overflow:hidden}.hero-greet{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.hero-big{font-size:var(--fs-3xl);letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:800}.hero-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.hero-row div{font-size:var(--fs-xs);color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;padding:10px}.hero-row b{color:var(--text);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:750;display:block}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.stats.four{grid-template-columns:repeat(4,1fr)}@media (max-width:420px){.stats.four{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;box-shadow:var(--shadow-sm);padding:12px}.stat-value{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-weight:750;overflow:hidden}.stat-label{font-size:var(--fs-xs);color:var(--text-2);margin-top:2px}.stat-sub{color:var(--text-2);font-size:12px}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -14px;padding:0 14px 4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.bike-tile{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;max-width:300px;box-shadow:var(--shadow-sm);flex:0 0 74%;overflow:hidden}.bike-tile-img{background-position:50%;background-size:cover;place-items:center;height:120px;display:grid;position:relative}.bike-tile-img .ph{opacity:.55}.bike-tile-body{padding:10px 12px 12px}.bike-tile-name{font-weight:700;font-size:var(--fs-lg)}.bike-tile-sub{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bike-tile-stats{color:var(--text-2);gap:12px;margin-top:8px;font-size:13px;display:flex}.bike-tile-stats b{color:var(--text)}.tile-badges{gap:4px;display:flex;position:absolute;top:8px;right:8px}.bike-card{align-items:center;gap:12px;display:flex}.bike-thumb{border-radius:var(--r-md);background-position:50%;background-size:cover;flex:none;place-items:center;width:72px;height:72px;display:grid}.bike-card-main{flex:1;min-width:0}.bike-card-name{font-size:16.5px;font-weight:700}.bike-card-sub{color:var(--text-2);font-size:var(--fs-sm)}.bike-card-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.bike-hero{border-radius:var(--r-xl);border:1px solid var(--line);background-position:50%;background-size:cover;place-items:center;height:210px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.bike-hero:after{content:"";background:linear-gradient(#0000 45%,#000000a6);position:absolute;top:0;bottom:0;left:0;right:0}.bike-hero-info{z-index:1;color:#fff;position:absolute;bottom:14px;left:16px;right:16px}.bike-hero-info h2{font-size:26px}.bike-hero-info div{opacity:.85;font-size:14px}.bike-hero .ph{opacity:.5}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:12px 14px;display:flex}.row:last-child{border-bottom:0}.row-ico,.tile{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);width:40px;height:40px;color:var(--text-2);flex:none;place-items:center;display:grid}.tile.lvl-soon{background:var(--warn-soft);color:var(--warn-ink);border-color:#0000}.tile.lvl-due{background:var(--danger-soft);color:var(--danger-ink);border-color:#0000}.row-main{flex:1;min-width:0}.row-title{text-overflow:ellipsis;font-weight:650;overflow:hidden}.row-sub{color:var(--text-2);font-size:var(--fs-sm);margin-top:1px}.row-right{text-align:right;color:var(--text-2);flex:none;font-size:14px}.row-chev{color:var(--text-3)}.row[onclick],.alert-row,.part-row,.part-crow{transition:background var(--dur-fast)}.alert-row:hover,.part-row:hover,.part-crow:hover{background:var(--surface-2)}.part-row{border-bottom:1px solid var(--line);cursor:pointer;padding:12px 14px}.part-row:last-child{border-bottom:0}.part-row:active{background:var(--surface-3)}.part-top{align-items:flex-start;gap:12px;display:flex}.part-row .iv-mini,.part-row .part-badges{margin-left:52px}.part-cat{font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-weight:650}.part-name{font-weight:650;font-size:var(--fs-md)}.part-spec{color:var(--text-2);font-size:var(--fs-sm)}.part-src{color:var(--text-3);font-size:var(--fs-xs);align-items:center;gap:4px;margin-top:2px;display:flex}.part-src svg{opacity:.7;flex:none}.part-meta{text-align:right;font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-weight:600}.part-badges{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.iv-mini{margin-top:8px}.iv-mini-row{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:10px;margin-top:6px;display:flex}.iv-mini-row .progress{flex:1}.iv-mini-label{text-overflow:ellipsis;white-space:nowrap;flex:0 0 44%;overflow:hidden}.alert-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.alert-row .progress{max-width:260px;margin-top:7px}.alert-row:last-child{border-bottom:0}.alert-ico{border-radius:var(--r-sm);flex:none;place-items:center;width:40px;height:40px;display:grid}.alert-ico.due{background:var(--danger-soft);color:var(--danger-ink)}.alert-ico.soon{background:var(--warn-soft);color:var(--warn-ink)}.alert-ico.todo{background:var(--info-soft);color:var(--info-ink)}.badge{height:24px;font-size:var(--fs-xs);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:4px;padding:0 9px;font-weight:650;display:inline-flex}.badge-muted{background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line)}.badge-warn{background:var(--warn-soft);color:var(--warn-ink)}.badge-danger{background:var(--danger-soft);color:var(--danger-ink)}.badge-ok{background:var(--ok-soft);color:var(--ok-ink)}.badge-info{background:var(--info-soft);color:var(--info-ink)}.badge-accent{background:var(--accent-soft);color:var(--accent-soft-ink)}.status-chip{border-radius:var(--r-pill);height:24px;font-size:var(--fs-xs);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:0 9px 0 7px;font-weight:700;display:inline-flex}.status-chip.st-ok{background:var(--ok-soft);color:var(--ok-ink)}.status-chip.st-soon{background:var(--warn-soft);color:var(--warn-ink)}.status-chip.st-due{background:var(--danger-soft);color:var(--danger-ink)}.progress{border-radius:var(--r-pill);background:var(--track);height:6px;position:relative;overflow:hidden}.progress:after{content:"";top:0;bottom:0;left:var(--tick,80%);background:var(--surface);width:2px;margin-left:-1px;position:absolute}.progress>div{border-radius:var(--r-pill);background:var(--ok);height:100%;transition:width var(--dur-slow)}.progress.lvl-soon>div{background:var(--warn)}.progress.lvl-due>div{background:var(--danger)}.btn{min-height:var(--tap-min);border-radius:var(--r-md);font-weight:650;font-size:var(--fs-md);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-soft{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn-soft:hover:not(:disabled){background:var(--surface-2)}.btn-tonal{background:var(--accent-soft);color:var(--accent-soft-ink)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger-ink)}.btn-sm{min-height:36px;font-size:var(--fs-sm);border-radius:var(--r-sm);padding:0 12px}.btn-block{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row>.btn{flex:auto}.fab{right:16px;bottom:calc(var(--nav-h) + var(--safe-b) + 16px);z-index:25;border-radius:var(--r-lg);background:var(--accent);min-width:56px;height:56px;color:var(--accent-ink);box-shadow:var(--shadow-lg);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:700;display:flex;position:fixed}.fab-label{font-size:15px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);scrollbar-width:none;gap:2px;margin-bottom:12px;padding:3px;display:flex;overflow-x:auto}.seg button{border-radius:var(--r-sm);min-height:38px;font-weight:650;font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 12px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--line-strong)}.chips{scrollbar-width:none;gap:8px;margin:0 -14px 12px;padding:2px 14px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--r-pill);min-height:36px;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;padding:0 14px;font-weight:600}.chip.on{background:var(--text);border-color:var(--text);color:var(--bg)}.form{flex-wrap:wrap;gap:0 10px;display:flex}.field{flex-direction:column;flex:100%;gap:5px;min-width:0;margin-bottom:12px;display:flex}.field.half{flex:calc(50% - 5px)}.field-label{font-size:var(--fs-sm);color:var(--text-2);font-weight:650}.field-hint{color:var(--text-3);font-size:12px}.inp{width:100%;min-height:var(--tap-min);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;outline:none;padding:11px 12px;font-size:16px}textarea.inp{resize:vertical;min-height:80px}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select.inp{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.check{cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none}.form-sub{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;flex:100%;margin:8px 0;font-size:13px;font-weight:700}.iv-edit{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex:100%;margin-bottom:10px;padding:10px}.iv-edit .grid3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.photo-picker{flex:100%;align-items:center;gap:12px;margin-bottom:12px;display:flex}.photo-picker img,.photo-ph{object-fit:cover;background:var(--card-2);width:86px;height:86px;color:var(--text-3);border-radius:14px;flex:none;place-items:center;display:grid}.photo-actions{flex-direction:column;gap:6px;display:flex}.sheet-backdrop{z-index:50;animation:fade var(--dur-fast);background:#05080c99;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-backdrop.center{align-items:center;padding:20px}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:640px;max-height:94vh;box-shadow:var(--shadow-lg);animation:up var(--dur-base) cubic-bezier(.2,.8,.3,1);border-bottom:0;flex-direction:column;display:flex}.sheet-head{align-items:center;padding:14px 10px 8px 18px;display:flex;position:relative}.sheet-head h2{flex:1;font-size:18px}.sheet-grip{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin-left:-19px;position:absolute;top:6px;left:50%}.sheet-body{-webkit-overflow-scrolling:touch;padding:6px 18px 18px;overflow-y:auto}.sheet-foot{padding:10px 18px calc(12px + var(--safe-b));border-top:1px solid var(--line);gap:8px;display:flex}.sheet-foot .btn{flex:1}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:up var(--dur-base);padding:20px}.dialog h2{margin-bottom:8px;font-size:18px}.dialog p{color:var(--text-2);margin:0 0 14px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 84px);z-index:60;background:var(--text);color:var(--bg);border-radius:var(--r-md);font-weight:600;font-size:var(--fs-sm);max-width:calc(100% - 28px);box-shadow:var(--shadow-lg);animation:up var(--dur-base);align-items:center;gap:14px;padding:12px 16px;display:flex;position:fixed;transform:translate(-50%)}.toast-err{background:var(--danger);color:#fff}.toast button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:800}.toast-err button{color:#fff;text-decoration:underline}.empty{text-align:center;color:var(--text-2);padding:34px 20px}.empty-ico{border-radius:var(--r-lg);background:var(--surface-2);width:64px;height:64px;color:var(--text-2);place-items:center;margin:0 auto 12px;display:grid}.empty-title{color:var(--text);font-size:16px;font-weight:700}.empty-text{margin-top:4px;font-size:14px}.empty-action{margin-top:14px}.banner{border-radius:var(--r-md);background:var(--info-soft);color:var(--text);border:1px solid color-mix(in srgb, var(--info) 40%, transparent);font-size:var(--fs-sm);align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.banner>svg{color:var(--info-ink)}.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.banner.warn>svg{color:var(--warn-ink)}.banner>div{flex:1}.kv{grid-template-columns:42% 1fr;gap:8px 10px;font-size:14px;display:grid}.kv dt{color:var(--text-2)}.kv dd{word-break:break-word;margin:0;font-weight:550}.guide{color:var(--text-2);font-size:14px;line-height:1.55}.guide ol{margin:8px 0;padding-left:20px}.guide li{margin-bottom:6px}.guide code{background:var(--card-2);color:var(--text);word-break:break-all;border-radius:6px;padding:1px 6px;font-size:13px}details.card summary{cursor:pointer;align-items:center;gap:8px;font-weight:650;list-style:none;display:flex}details.card summary::-webkit-details-marker{display:none}details.card[open] summary{margin-bottom:10px}.chart{position:relative}.chart svg{width:100%;display:block}.chart-grid{stroke:var(--line);stroke-width:.3px;vector-effect:non-scaling-stroke}.chart g.sel rect:not([fill=transparent]){filter:brightness(1.25)}.chart-labels{color:var(--text-3);margin-top:4px;font-size:10.5px;display:flex}.chart-labels span{text-align:center;overflow:hidden}.chart-tip{color:var(--text-2);margin-top:8px;font-size:13px}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.searchbar{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--text-2);align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;display:flex}.searchbar input{min-height:48px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.muted{color:var(--text-3)}.small{font-size:13px}.mt{margin-top:12px}.grow{flex:1}.flex{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.num{font-variant-numeric:tabular-nums}.danger-text{color:var(--danger-ink)}.warn-text{color:var(--warn-ink)}.ok-text{color:var(--ok-ink)}.setup-grid{grid-template-columns:repeat(3,1fr);gap:6px;font-size:13px;display:grid}.setup-grid div{background:var(--bg-2);border-radius:10px;padding:8px}.setup-grid b{font-size:15px;display:block}.checklist .check{border-bottom:1px solid var(--line)}.svc-photo{object-fit:cover;border-radius:10px;width:72px;height:72px}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.type-card{border:1px solid var(--line);background:var(--bg-2);color:var(--text);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;min-height:104px;padding:14px;display:flex}.type-card .ico{color:var(--accent);margin-bottom:4px}.type-card b{font-size:16px}.type-card span{color:var(--text-3);font-size:12.5px}.type-card:active{border-color:var(--accent);transform:scale(.98)}.tpl-box{background:color-mix(in srgb, var(--accent) 8%, var(--bg-2));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:14px;flex:100%;margin-bottom:12px;padding:10px 12px 2px;font-size:14px}.onboard{text-align:left}.onboard h2{margin:4px 0 6px;font-size:24px}.onboard-steps{gap:10px;margin:16px 0 4px;display:grid}.onboard-step{color:var(--text-2);align-items:flex-start;gap:12px;font-size:14px;display:flex}.onboard-step b{color:var(--text);font-size:15px;display:block}.onboard-num{background:color-mix(in srgb, var(--accent) 18%, transparent);width:28px;height:28px;color:var(--accent);border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.update-bar{left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:70;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;max-width:616px;margin:0 auto;padding:10px 12px 10px 16px;font-weight:600;display:flex;position:fixed}.owner-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.owner-row .inp{flex:1}.check.half{flex:calc(50% - 5px);font-size:14px}.wear-trend{align-items:flex-end;gap:6px;height:64px;margin:8px 0 4px;display:flex}.wear-bar{height:100%;color:var(--text-3);flex-direction:column;flex:0 0 28px;justify-content:flex-end;align-items:center;font-size:10px;display:flex}.wear-fill{background:var(--ok);border-radius:4px 4px 0 0;width:18px}.wear-fill.warn{background:var(--warn)}.wear-fill.replace,.wear-fill.worn{background:var(--danger)}.spec{padding:6px 14px}.spec-group{border-top:1px solid var(--line);padding:8px 0}.spec-group:first-child{border-top:0}.spec-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:4px;font-size:11px;font-weight:700}.spec-row{grid-template-columns:32% 1fr;gap:10px;padding:4px 0;font-size:14px;display:grid}.spec-label{color:var(--text-2)}.spec-val{word-break:break-word}.spec-val>div+div{margin-top:2px}.spec-pos{min-width:26px;color:var(--text-3);font-size:11px;font-weight:700;display:inline-block}.icon-btn.bell{position:relative}.bell-badge{background:var(--danger);color:#fff;text-align:center;border:2px solid var(--bg);font-variant-numeric:tabular-nums;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:14px;position:absolute;top:2px;right:2px}.notif-item+.notif-item{border-top:1px solid var(--line)}.notif-actions{gap:6px;padding:0 14px 10px 62px}.nav-brand{display:none}@media (min-width:1024px){:root{--side-w:var(--sidebar-w)}.app{padding-left:var(--side-w);padding-bottom:32px}.page{max-width:var(--content-max);padding:0 32px}.topbar{margin:0 -32px 8px;padding:18px 32px 12px}.topbar h1{font-size:var(--fs-2xl)}.bottomnav{width:var(--side-w);border-top:0;border-right:1px solid var(--line);height:100vh;box-shadow:none;flex-direction:column;justify-content:flex-start;gap:2px;padding:16px 12px;top:0;right:auto;overflow-y:auto}.bottomnav a{height:var(--tap-min);border-radius:var(--r-md);font-size:var(--fs-md);color:var(--text-2);flex-direction:row;flex:none;justify-content:flex-start;gap:10px;padding:0 10px 0 4px;font-weight:600}.bottomnav .pill{width:34px;height:34px;background:0 0!important}.bottomnav a:hover{background:var(--surface-2);color:var(--text)}.bottomnav a.on{background:var(--accent-soft);color:var(--accent-soft-ink)}.bottomnav a.on .pill{color:var(--accent-soft-ink)}.bottomnav .nav-dot{top:0;right:-6px}.nav-brand{font-size:var(--fs-lg);color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 6px 20px;font-weight:800;display:flex}.nav-brand .logo{border-radius:var(--r-sm);background:var(--accent);width:36px;height:36px;color:var(--accent-ink);place-items:center;display:grid}.nav-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:18px 10px 6px;font-weight:700}.nav-status{border-top:1px solid var(--line);gap:2px;margin-top:auto;padding:12px 10px 40px;display:grid}.nav-status .link-btn{color:var(--text-2);font-size:var(--fs-xs);text-align:left;min-height:0;padding:6px 0;font-weight:600}.fab{bottom:28px;right:max(32px, calc((100vw - var(--side-w) - var(--content-max)) / 2 + 32px))}.toast{bottom:28px;left:calc(50% + var(--side-w) / 2)}.update-bar{left:calc(var(--side-w) + 12px)}.dash-cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.dash-side .hscroll{flex-direction:column;margin:0;padding:0;overflow:visible}.dash-side .bike-tile{flex:none;max-width:none}.dash-side .bike-tile-img{height:96px}.split{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;display:grid}.split-list{border-right:1px solid var(--line);background:var(--bg-2);height:100vh;position:sticky;top:0;overflow-y:auto}.split .page{max-width:none;padding:0 20px}.split .topbar{margin:0 -20px 6px;padding-left:20px;padding-right:20px}.split-detail .page{max-width:860px;margin:0}.split-list .fab{right:auto;left:calc(var(--side-w) + 16px)}.split-list .bike-tile{flex-basis:100%;max-width:none}.bike-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.part-row.sel,.part-crow.sel{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.kbd-help-btn{left:calc(var(--side-w) - 44px);z-index:31;border:1px solid var(--line-strong);background:var(--surface);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:50%;font-weight:700;position:fixed;bottom:14px}}@media (max-width:1023px){.dash-cols,.dash-main,.dash-side{display:contents}.dash-cols{flex-direction:column;display:flex}.o-bikes{order:1}.o-rides{order:2}.o-wish{order:3}}.sync-status{margin:-2px 0 10px}.sync-status .link-btn{font-size:inherit;color:var(--text-3);padding:0}.part-crow{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.part-crow:last-child,.part-row:last-child{border-bottom:0}.part-crow-main{flex:1;min-width:0}.part-crow-main .part-name,.part-crow-main .part-cat{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.part-crow-iv{flex-direction:column;flex:0 0 96px;align-items:flex-end;gap:4px;display:flex}.part-crow-iv>:last-child:not(span){width:100%}.table-wrap{overflow-x:auto}.parts-table{border-collapse:collapse;width:100%;font-size:14px}.parts-table th{text-align:left;font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:12px;font-weight:700}.parts-table td{border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums;padding:10px 12px}.parts-table tbody tr{cursor:pointer}.parts-table tbody tr:hover{background:var(--card-2)}.parts-table tbody tr:last-child td{border-bottom:0}.parts-table .num{text-align:right}.iv-cell{align-items:center;gap:8px;min-width:120px;display:flex}.iv-cell>:first-child{flex:1}.kbd-list{gap:8px;margin:8px 0 4px;display:grid}kbd{border:1px solid var(--line);background:var(--card-2);min-width:22px;font:inherit;text-align:center;border-bottom-width:2px;border-radius:6px;margin-right:8px;padding:1px 6px;font-size:13px;font-weight:700;display:inline-block}.ptr{top:calc(var(--safe-t) + 4px);z-index:40;background:var(--card-2);border:1px solid var(--line);width:38px;height:38px;color:var(--accent);box-shadow:var(--shadow);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:fixed;left:50%}.ptr.busy svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-chip{height:24px;font-size:var(--fs-xs);border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger-ink);flex:none;align-items:center;padding:0 9px;font-weight:700;display:inline-flex}.part-meta-chip{margin-top:6px}