:root{--bg: #0f1115;--surface: #171a21;--border: #262b36;--text: #e7e9ee;--muted: #9aa3b2;--accent: #ff6b35;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:light){:root{--bg: #fbfbfa;--surface: #ffffff;--border: #e3e3df;--text: #16181d;--muted: #5f6672}}:root[data-theme=dark]{--bg: #0f1115;--surface: #171a21;--border: #262b36;--text: #e7e9ee;--muted: #9aa3b2}:root[data-theme=light]{--bg: #fbfbfa;--surface: #ffffff;--border: #e3e3df;--text: #16181d;--muted: #5f6672}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 6rem}.site-header{border-bottom:1px solid var(--border)}.site-header__inner{padding:1.1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-header__brand{font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--text);text-decoration:none}.site-header__nav{display:flex;gap:1.25rem}.site-header__nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.site-header__nav a:hover{color:var(--text)}.site-header__nav a[aria-current=page]{color:var(--accent)}.site-header__units{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);margin-left:auto}.site-header__units select{padding:.25rem .5rem}.site-header__units input{width:3.5em;padding:.25rem .5rem;text-align:center}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem}h2{font-size:1.1rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:3rem 0 1rem}p{margin:0 0 1rem}a{color:var(--accent)}.tag{display:inline-block;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.2rem .7rem;margin-bottom:1.5rem}.lede{font-size:1.15rem;color:var(--muted);max-width:34rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.4rem;margin-bottom:.75rem}.card h3{margin:0 0 .35rem;font-size:1rem}.card p{margin:0;color:var(--muted);font-size:.95rem}footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;font-family:var(--mono)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field label{font-size:.85rem;color:var(--muted)}.field-row{display:flex;gap:.9rem;flex-wrap:wrap}.field-row .field{flex:1 1 8rem}input,textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:4rem}button,.button{font:inherit;cursor:pointer;border-radius:8px;padding:.55rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}button:hover,.button:hover{border-color:var(--accent)}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;text-decoration:none;display:inline-block}button.danger:hover{border-color:#d64545;color:#d64545}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:2rem 1.4rem;text-align:center;color:var(--muted)}.notice{border-radius:8px;padding:.7rem 1rem;font-size:.9rem;margin-bottom:1rem}.notice.error{background:#d645451f;border:1px solid #d64545;color:#d64545}.notice.success{background:#6baf5b1f;border:1px solid #6baf5b;color:#4c8a3f}.bike-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.bike-card__photo{display:block;width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:.75rem}.bike-photo-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.5rem}.bike-photo{width:160px;height:160px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.bike-photo-placeholder{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:.85rem;text-align:center;padding:.5rem}.bike-photo-placeholder p{margin:0}.bike-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;flex-wrap:wrap}.bike-card h3{margin:0;font-size:1.05rem}.bike-card__meta{color:var(--muted);font-size:.85rem;font-family:var(--mono)}.bike-card__notes{margin-top:.5rem;font-size:.9rem;color:var(--muted)}.bike-card--active{border-color:var(--accent)}.badge{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#ff6b3524;border-radius:999px;padding:.15rem .6rem}.badge--overdue{color:#d64545;background:#d6454524}.badge--ok{color:#4c8a3f;background:#6baf5b24}.badge--unknown{color:var(--muted);background:#9aa3b224}.lede-small{color:var(--muted);font-size:.95rem;max-width:34rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}.checklist{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none}.checklist-item{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem}.checklist-item label{flex:1;cursor:pointer}.checklist-item input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex-shrink:0}.checklist-item--checked label{color:var(--muted);text-decoration:line-through}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0 0 1.5rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.stat dt{margin:0 0 .3rem;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat dd{margin:0;font-size:1.1rem;font-family:var(--mono)}.stat dd small{display:block;margin-top:.2rem;font-size:.78rem;color:var(--muted);font-family:var(--font)}.trend-chart{display:block;width:100%;height:auto}.trend-chart .trend-chart__grid{stroke:var(--border);stroke-width:1}.trend-chart .trend-chart__line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.trend-chart .trend-chart__point,.trend-chart .trend-chart__bar{fill:var(--accent)}.trend-chart .trend-chart__label{fill:var(--muted);font-size:.65rem;font-family:var(--mono)}.budget-bar{height:.7rem;border-radius:999px;background:var(--border);overflow:hidden;margin:.4rem 0 1rem}.budget-bar__fill{height:100%;width:0;background:var(--accent)}.budget-bar__fill--over{background:#d64545}.budget-bar__fill--warn{background:#d69e2e}.budget-note--warn{color:#b7791f;font-weight:600}.budget-status--over{color:#d64545;background:#d6454524;border-radius:6px;padding:.4rem .6rem;font-weight:600}.budget-status--warn{color:#b7791f;background:#d69e2e29;border-radius:6px;padding:.4rem .6rem;font-weight:600}.notice details{margin-top:.5rem}.notice summary{cursor:pointer}.notice ul{margin:.4rem 0 0;padding-left:1.2rem;max-height:12rem;overflow-y:auto}.prefs-summary{color:var(--muted);font-size:.9rem;margin-top:2rem}