:root{--bg:#f4f6f8;--card:#fff;--ink:#17212b;--muted:#647180;--line:#dce2e7;--accent:#e56a2f;--accent2:#154c79;--good:#16835b;--warn:#b85f00;--bad:#b93636;--planned:#315d9b;--completed:#16835b;--radius:18px;--shadow:0 10px 30px rgba(23,33,43,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#edf1f4,#f9fafb 45%,#eef2f5);color:var(--ink);min-height:100vh}
header{padding:calc(22px + env(safe-area-inset-top)) 18px 18px;max-width:1200px;margin:auto}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#ff9c58);display:grid;place-items:center;color:white;font-size:26px;box-shadow:var(--shadow)}h1{font-size:clamp(25px,4vw,38px);margin:0;letter-spacing:-.04em}header p{margin:6px 0 0;color:var(--muted)}
nav{max-width:1200px;margin:0 auto;padding:0 18px 16px;display:flex;gap:8px;overflow:auto;-webkit-overflow-scrolling:touch}nav button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:999px;color:var(--ink);font-weight:750}nav button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
main{max-width:1200px;margin:auto;padding:0 18px calc(60px + env(safe-area-inset-bottom))}.tab{display:none}.tab.active{display:block}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;background:rgba(255,255,255,.96);border:1px solid rgba(220,226,231,.9);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}@media(min-width:760px){.half{grid-column:span 6}.third{grid-column:span 4}.twothird{grid-column:span 8}.quarter{grid-column:span 3}.threequarter{grid-column:span 9}}
h2{margin:0 0 14px;font-size:21px;letter-spacing:-.02em}h3{margin:18px 0 9px;font-size:16px}.muted,small{color:var(--muted)}label{display:block;font-size:13px;font-weight:800;margin:10px 0 6px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:88px;resize:vertical}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.btn{border:0;border-radius:12px;padding:11px 15px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#edf1f4;color:var(--ink)}.btn.accent{background:var(--accent)}.btn.good{background:var(--good)}.btn.danger{background:#fff0f0;color:var(--bad)}.btn.small{padding:7px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:620px){.metrics{grid-template-columns:repeat(4,1fr)}}.metric{padding:14px;border-radius:15px;background:#f5f7f9}.metric b{display:block;font-size:21px}.progress{height:9px;background:#e7ebef;border-radius:9px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ffad65);border-radius:9px;max-width:100%}
.notice{padding:13px 14px;border-radius:14px;background:#eef6ff;border-left:4px solid var(--accent2);margin:10px 0;line-height:1.45}.notice.good{background:#eaf8f2;border-color:var(--good)}.notice.warn{background:#fff5e8;border-color:var(--warn)}.notice.bad{background:#fff0f0;border-color:var(--bad)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.scroll{overflow:auto}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf1f4;font-size:12px;font-weight:800}.pill.run{background:#fff0e8}.pill.bike{background:#e8f5ff}.pill.swim{background:#e9f7f4}.pill.strength{background:#f4eafe}.pill.triathlon{background:#fff3d8}.pill.other{background:#f0eefb}.pill.planned{background:#e8f0ff;color:var(--planned)}.pill.completed{background:#e5f6ef;color:var(--completed)}.pill.matched{background:#eaf8f2;color:var(--good)}
.event{padding:14px;border:1px solid var(--line);border-radius:15px;margin:10px 0}.event-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.event h3{margin:6px 0 4px}.event .fuel{font-weight:800;color:var(--accent)}.event-meta{display:flex;gap:6px;flex-wrap:wrap}.event-plan{border-left:4px solid var(--planned)}.event-completed{border-left:4px solid var(--completed)}.hidden{display:none!important}.search-results{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px;margin-top:8px}.search-item{padding:10px;border-bottom:1px solid var(--line);cursor:pointer}.search-item:hover{background:#f5f7f9}.footer-note{font-size:12px;color:var(--muted);margin-top:14px}.switch{display:flex;align-items:center;gap:8px}.switch input{width:auto}.empty{text-align:center;padding:24px;color:var(--muted)}
.quick-grid{display:grid;gap:9px}.quick-row{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(145px,1.6fr) 92px 86px auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fafbfc}.quick-row input,.quick-row select{padding:9px}.quick-row .quick-name{min-width:0}.quick-row .quick-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fafbfc}.template-card h3{margin:0 0 5px}.template-card p{margin:5px 0}.source-tag{display:inline-block;padding:2px 6px;border-radius:999px;background:#edf1f4;font-size:11px;font-weight:700}.source-tag.estimate{background:#fff1de;color:#8a4a00}.compact-total{font-weight:800;color:var(--accent2)}
.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diag{background:#f5f7f9;border-radius:12px;padding:10px}.diag b{display:block;font-size:20px}.raw-list{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:12px}.raw-row{padding:9px;border-bottom:1px solid var(--line);font-size:13px}.raw-row.ignored{opacity:.58}
.strength-exercise{display:grid;grid-template-columns:minmax(180px,1.7fr) 85px 90px 105px minmax(130px,1fr);gap:8px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;margin:9px 0;background:#fafbfc}.strength-exercise h3{margin:0 0 3px}.strength-tip{font-size:12px;color:var(--muted)}.recommendation{font-size:12px;color:var(--accent2);font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.split{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}.status-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.range{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}
@media(max-width:760px){.row,.row3,.row4{grid-template-columns:1fr}.quick-row{grid-template-columns:1fr 86px auto}.quick-row .quick-meal{grid-column:1/-1}.quick-row .quick-name{grid-column:1/2}.quick-row .quick-kcal{display:none}.template-grid{grid-template-columns:1fr}.strength-exercise{grid-template-columns:1fr 1fr}.strength-exercise .exercise-name{grid-column:1/-1}.strength-exercise .exercise-note{grid-column:1/-1}.event-head{flex-direction:column}.event-head>.btn{align-self:flex-end}.diag-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){main,nav{padding-left:12px;padding-right:12px}.card{padding:14px}.metrics{grid-template-columns:1fr 1fr}.strength-exercise{grid-template-columns:1fr}.strength-exercise>*{grid-column:1/-1}}