:root{--background:#fff;--foreground:#171717;--muted:#5f6368;--border:#e3e3e3;--strava:#fc4c02;--danger:#b3261e}@media (prefers-color-scheme:dark){:root{--background:#0f0f0f;--foreground:#ededed;--muted:#a0a0a0;--border:#2a2a2a;--danger:#f2b8b5}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;color:var(--foreground);background:var(--background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{flex-direction:column;gap:1.5rem;max-width:40rem;margin:0 auto;padding:3rem 1rem;display:flex}h1{font-size:2rem}p.muted{color:var(--muted)}.card{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.alert{color:var(--danger)}.button{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:.7rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.button-strava{background:var(--strava);border-color:var(--strava);color:#fff}form label{margin:.5rem 0;font-size:.9rem;display:block}form input{width:100%;max-width:28rem;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.375rem;margin-top:.25rem;padding:.5rem;display:block}main.wide{max-width:56rem}.nav{flex-wrap:wrap;gap:.25rem 1rem;font-weight:600;display:flex}.nav a{color:inherit}h2{font-size:1.25rem}h3{font-size:1.05rem}.ok{color:#1e7b34}form.stack{flex-direction:column;gap:.6rem;display:flex}form.row,.row{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}label{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}label.check{flex-direction:row;align-items:center;gap:.4rem}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:6px;min-width:0;padding:.45rem .55rem}input[type=number]{width:7rem}select option{color:#171717}.button.small{padding:.35rem .7rem;font-size:.85rem}.list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.list>li{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.list>li:first-child{border-top:0;padding-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .5rem}.wear{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.wear-bar{background:var(--border);border-radius:99px;width:6rem;height:.5rem;display:inline-block;overflow:hidden}.wear-bar>span{background:#2e7d32;height:100%;display:block}.wear-near .wear-bar>span{background:#e08a00}.wear-due .wear-bar>span{background:var(--danger)}.badge{border:1px solid;border-radius:99px;padding:.1rem .5rem;font-size:.8rem;font-weight:700}.wear-near .badge{color:#b36b00}.wear-due .badge{color:var(--danger)}details>summary{cursor:pointer;font-weight:600}details[open]>summary{margin-bottom:.5rem}form.row label,form.stack label{margin:0;display:flex}form.row input,form.stack input{border-color:var(--border);width:auto;max-width:100%;margin-top:0}form.stack input[type=text],form.stack input:not([type]){width:100%;max-width:28rem}form.row input[type=checkbox],form.stack input[type=checkbox]{width:auto}form.inline{display:inline}