:root{color-scheme:light;--bg:#f1f4f9;--ink:#17233c;--muted:#606e85;--line:#dfe6f0;--blue:#315de4;--navy:#131e35;--soft:#edf2ff;--radius:22px;font-family:Inter,"Yu Gothic UI","Yu Gothic",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}input,select{width:100%;min-width:0;min-height:46px;border:1px solid #cad5e5;border-radius:10px;background:#fff;color:var(--ink);padding:9px 12px}input[type=radio]{width:18px;min-height:18px;accent-color:var(--blue)}label{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #80a3ff;outline-offset:3px}input:focus,select:focus{outline:3px solid #d6e1ff;border-color:var(--blue)}input[aria-invalid=true]{border-color:#b12234}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.4}h2{font-size:1.35rem;line-height:1.5}h3{font-size:1.05rem}a{color:inherit}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.13em;margin-bottom:5px}.muted,.section-note{color:var(--muted);font-size:.875rem}.section-note{margin-top:4px}.small-note{font-size:.8125rem;color:var(--muted)}.app-header{background:var(--navy);color:white}.header-inner,.main-nav,main{max-width:1200px;margin:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 24px 24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;place-content:center;position:relative;width:48px;height:48px;border:1px solid #40527c;border-radius:14px;color:#aac0ff;background:#203051;font-weight:900;font-size:1.5rem}.brand-mark span{position:absolute;top:0;right:7px;font-size:1rem}.app-header .eyebrow{color:#a7b7da;font-size:.6875rem}.today{font-size:.875rem;color:#cad4e8;white-space:nowrap}.main-nav{display:flex;gap:28px;padding:0 24px}.main-nav a{color:#c1cde3;text-decoration:none;padding:12px 0;border-bottom:3px solid transparent;font-size:.875rem}.main-nav a:hover{color:#fff;border-color:#87a6ff}main{padding:28px 24px 0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #1b335408}.card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px 0}.card-body{padding:24px 28px 28px}section[id]{scroll-margin-top:20px}.button{min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:.875rem;line-height:1.5}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#214bc7}.secondary{color:#294170;background:#f4f7fd;border-color:#d8e1f1}.secondary:hover:not(:disabled){background:#e8eefc}.danger{color:white;background:#b33343}.button-group{display:flex;gap:10px;flex-wrap:wrap}.full-width{width:100%}.text-button{border:0;background:transparent;color:var(--blue);font-size:.875rem;font-weight:700;min-height:42px;padding:6px 10px}.text-button.danger-text{color:#a12c3c}.text-button:hover{background:var(--soft);border-radius:8px}
#recordForm{padding:22px 28px 26px}.form-top{display:flex;align-items:center;gap:24px;padding-bottom:22px}.date-field{width:220px;flex-shrink:0}.exercise-editor{display:grid;gap:16px}.exercise-block{border:1px solid var(--line);border-radius:15px;background:#fafbfe;padding:18px}.exercise-top{display:grid;grid-template-columns:30px 170px minmax(0,1fr) auto;align-items:end;gap:14px}.exercise-number{font-size:1.25rem;font-weight:800;color:#8797b2;align-self:center}.exercise-fields{margin:16px 0 0 44px}.set-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 44px;gap:12px;align-items:center;margin-top:9px}.set-header{font-size:.8125rem;color:var(--muted);margin-bottom:4px}.set-number{font-size:.875rem;color:var(--muted)}.icon-button{width:40px;height:44px;border:1px solid #dfe5ee;border-radius:9px;background:white;color:#8c4551;font-size:1.2rem}.cardio-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.add-exercise{width:100%;margin-top:16px;padding:13px;border:1px dashed #adc0e8;border-radius:12px;background:#f7f9ff;color:var(--blue);font-weight:700;font-size:.875rem}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.error{color:#9c2334;background:#fff1f3;border-radius:10px;padding:12px 15px;margin-top:14px;font-size:.875rem;white-space:pre-line}.error:empty{display:none}
.dashboard{margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.compact{margin-bottom:20px}.dashboard-top{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.level-card{background:linear-gradient(120deg,#172641,#243f72);border-radius:var(--radius);padding:24px 28px;color:white}.level-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;color:#c4d3ed}.level-title{border:1px solid #546c93;padding:4px 10px;border-radius:30px;font-size:.75rem}.level-main{display:flex;align-items:baseline;gap:12px;margin:6px 0 14px}.level-main strong{font-size:3.25rem;line-height:1.3;font-weight:800;letter-spacing:-.04em}.level-label{font-size:.75rem;letter-spacing:.15em;color:#b5c9e9}.level-main>span:last-child{margin-left:auto;color:#aec8ff;font-size:.875rem}.xp-track{height:10px;border-radius:20px;background:#405477;overflow:hidden}.xp-track>div{height:100%;width:0;background:linear-gradient(90deg,#7ca1ff,#8bdbde);border-radius:inherit}.xp-caption{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#d8e2f6;font-size:.8125rem}.level-rule{margin-top:13px;color:#abbdda;font-size:.75rem}.weekly-card{padding:24px 28px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary-grid>div{border-left:3px solid #dbe5ff;padding-left:14px}.summary-grid span{color:var(--muted);font-size:.8125rem;display:block}.summary-grid strong{font-size:1.75rem;line-height:1.4}.summary-grid small{font-size:.8125rem;font-weight:500;margin-left:6px}.chart-card{margin-top:20px;padding:24px 28px}.chart-select{width:260px}.chart{min-height:200px;display:grid;align-items:center}.chart svg{width:100%;height:auto;max-height:290px;overflow:visible}.chart-details{font-size:.875rem;color:var(--muted);margin-top:12px}.chart-details summary{cursor:pointer}.chart-details ul{display:flex;gap:8px 24px;flex-wrap:wrap;padding-left:20px}.empty-state{padding:26px 12px;text-align:center;color:var(--muted);font-size:1rem}.empty-state span{font-size:.875rem}
.support-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:28px;align-items:start}.coach-card{border-top:3px solid var(--blue)}.ai-label,.count-pill{background:var(--soft);color:var(--blue);padding:6px 12px;border-radius:24px;font-size:.8125rem;font-weight:700}.coach-options{margin:0;padding:0;border:0}.coach-options legend{font-size:.875rem;font-weight:700;margin-bottom:10px}.coach-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;font-weight:400}.coach-choice:has(:checked){background:var(--soft);border-color:#8da8f3}.coach-choice input{flex:0 0 18px}.coach-choice b{font-size:.875rem}.coach-choice small{display:block;font-size:.8125rem;color:var(--muted)}.privacy-note{font-size:.8125rem;color:var(--muted);margin:14px 0}.ai-result{padding:18px;margin-top:18px;border-radius:14px;background:#f4f7fd;border:1px solid #e2e8f3}.result-label{display:block;font-size:.75rem;font-weight:800;color:var(--blue);margin-bottom:8px}.ai-result p{font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.ai-result[data-state=error]{background:#fff4f5;border-color:#f2ced3}.ai-result[data-state=error] .result-label{color:#a32d40}.ai-result[data-state=loading]{border-style:dashed}.ai-result+.small-note{margin-top:12px}.menu-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.history-card{margin-top:28px}.history-row{padding:22px 0;border-top:1px solid var(--line)}.history-row:first-child{border-top:0;padding-top:0}.history-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.history-date{font-weight:800;font-size:1rem}.history-exercise{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:14px;padding:10px 14px;background:#f7f9fd;border-radius:10px;margin-top:8px}.history-exercise strong{font-size:.875rem;overflow-wrap:anywhere}.type-label{display:block;color:var(--muted);font-size:.75rem;font-weight:500}.set-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.set-chip{font-size:.8125rem;color:#3e5273;background:#fff;border:1px solid #e0e6f0;border-radius:6px;padding:3px 8px}.history-actions{display:flex;gap:4px}footer{text-align:center;color:var(--muted);font-size:.8125rem;padding:30px 0}.toast{position:fixed;z-index:10;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;border-radius:12px;box-shadow:0 8px 30px #17233c33;max-width:calc(100% - 32px);font-size:.875rem;opacity:0;pointer-events:none}.toast.show{opacity:1}dialog{border:0;border-radius:20px;padding:28px;max-width:min(440px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 70px #12203944}dialog::backdrop{background:#10192b80}dialog p{margin:12px 0;overflow-wrap:anywhere}dialog .button-group{margin-top:22px;justify-content:flex-end}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.dashboard-top,.support-grid{grid-template-columns:1fr}.exercise-top{grid-template-columns:26px 150px minmax(0,1fr) auto}.today{display:none}}
@media(max-width:640px){main{padding:18px 12px 0}.header-inner{padding:22px 18px}.brand{gap:12px}.brand-mark{width:40px;height:40px;flex-shrink:0}.main-nav{gap:0;justify-content:space-between;padding:0 18px}.main-nav a{font-size:.8125rem}.card{border-radius:18px}.card-header{padding:20px 18px 0;align-items:flex-start;flex-wrap:wrap;gap:14px}.card-body,#recordForm{padding:18px}.card-header>.button{width:100%}.form-top{align-items:stretch;flex-direction:column;gap:10px}.date-field{width:100%}.exercise-block{padding:12px}.exercise-top{grid-template-columns:24px minmax(0,1fr) auto;gap:10px}.exercise-top .name-field{grid-column:1/-1;grid-row:2}.exercise-top .remove-exercise{grid-column:3;grid-row:1}.exercise-fields{margin:14px 0 0}.set-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 34px;gap:7px}.set-row input{padding:8px;min-width:0}.icon-button{width:32px}.form-footer{flex-direction:column;align-items:stretch;gap:14px}.form-footer .button-group{flex-direction:column}.section-heading{flex-wrap:wrap;gap:10px}.section-heading>.small-note{font-size:.75rem}.level-card,.weekly-card,.chart-card{padding:20px 18px}.level-title{font-size:.6875rem}.xp-caption{font-size:.75rem}.chart-select{width:100%}.chart{min-height:170px}.chart svg{min-height:180px}.history-exercise{grid-template-columns:1fr;gap:8px}.history-top{align-items:flex-start;flex-wrap:wrap}.history-actions{margin-left:auto}.cardio-fields{gap:10px}.cardio-fields input{padding:9px}.summary-grid{gap:18px 10px}h2{font-size:1.2rem}.toast{width:max-content;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}