:root{--background:#f7f7f7;--surface:#fff;--surface-muted:#f0f0f0;--text-primary:#171717;--text-secondary:#666;--border:#ddd;--success:#237a3b;--danger:#b3261e;--radius-small:8px;--radius-medium:12px;--radius-large:18px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}button{cursor:pointer;font:inherit}input,select{font:inherit}a{color:inherit;text-decoration:none}.navigation{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0;overflow-x:auto}.nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-small);color:var(--text-secondary);white-space:nowrap;font-weight:500}.nav-link.active{background:var(--surface-muted);color:var(--text-primary)}.main-content{max-width:640px;padding:var(--space-md);padding-bottom:calc(var(--space-xl) * 2);margin:0 auto}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-small);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);justify-content:center;align-items:center;font-size:.9rem;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn-primary{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-secondary{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border)}.btn-outline{border-color:var(--border);background:0 0}.btn-danger-outline{border-color:var(--danger);color:var(--danger);background:0 0}.btn-large{padding:var(--space-md) var(--space-lg);width:100%;font-size:1rem}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text-primary);width:100%}.input:focus{outline:2px solid var(--text-primary);outline-offset:1px}.input-small{padding:var(--space-xs) var(--space-sm);width:auto}.input-unit{max-width:60px}.exercise-card,.plan-day-card,.history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-medium);margin-bottom:var(--space-md);overflow:hidden}.exercise-card.completed{border-color:var(--success)}.exercise-card-header,.plan-day-header,.history-card-header{padding:var(--space-md);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.exercise-card-header:hover{background:var(--surface-muted)}.exercise-name{margin-bottom:var(--space-xs);font-size:1rem}.exercise-meta{color:var(--text-secondary);font-size:.8rem}.exercise-status{align-items:center;gap:var(--space-sm);display:flex}.exercise-card-body{padding:0 var(--space-md) var(--space-md)}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#e8f5e9}.badge-active{color:#e65100;background:#fff3e0}.badge-pending{background:var(--surface-muted);color:var(--text-secondary)}.badge-warning{color:#e65100;background:#fff3e0}.badge-custom{color:#1565c0;background:#e3f2fd}.set-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;flex-wrap:wrap;display:flex}.set-label{min-width:40px;color:var(--text-secondary);font-size:.85rem;font-weight:500}.set-input-group{gap:var(--space-xs);align-items:center;display:flex}.modal-overlay{z-index:100;padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-large);padding:var(--space-lg);width:100%;max-width:400px}.modal h2{margin-bottom:var(--space-md)}.modal p{margin-bottom:var(--space-md);color:var(--text-secondary)}.modal-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.modal-actions .btn{flex:1}.form-group{margin-bottom:var(--space-md)}.form-group label{margin-bottom:var(--space-xs);font-size:.9rem;font-weight:500;display:block}.form-error{color:var(--danger);margin-top:var(--space-xs);font-size:.85rem}.plan-day{margin-bottom:var(--space-md)}.plan-day-header h2{cursor:pointer;font-size:1.1rem}.plan-day-header h2:hover{color:var(--text-secondary)}.plan-day-controls,.plan-exercise-controls{gap:var(--space-xs);display:flex}.plan-exercise-row{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.plan-add-exercise{padding:var(--space-sm) var(--space-md)}.plan-add-day{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.plan-add-day .input{flex:1}.filter-bar{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.exercise-grid{margin-top:var(--space-md)}.exercise-item{padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.exercise-item-info strong{display:block}.exercise-item-meta{color:var(--text-secondary);font-size:.8rem}.exercise-item .badge{margin-top:var(--space-xs)}.history-date{color:var(--text-secondary);font-size:.85rem;display:block}.history-meta{align-items:flex-end;gap:var(--space-xs);flex-direction:column;display:flex}.history-card-body{padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--border);padding-top:var(--space-md)}.history-exercise{margin-top:var(--space-sm)}.history-set{color:var(--text-secondary);padding-left:var(--space-md);font-size:.85rem}.workout-header{margin-bottom:var(--space-lg)}.workout-name{margin-bottom:var(--space-xs);font-size:1.5rem}.workout-meta{color:var(--text-secondary);margin-bottom:var(--space-xs)}.workout-progress{color:var(--text-secondary);font-size:.9rem}.workout-preview{text-align:center;padding:var(--space-xl) 0}.workout-preview h1{margin-bottom:var(--space-sm);font-size:2rem}.workout-preview p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.workout-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.exercise-list{margin-bottom:var(--space-md)}.previous-result{background:var(--surface-muted);border-radius:var(--radius-small);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);font-size:.85rem}.previous-set{color:var(--text-secondary);padding-left:var(--space-sm)}.next-workout-label{margin-top:var(--space-sm);font-weight:600}.next-workout-list{padding:0;list-style:none}.next-workout-list li{padding:var(--space-xs) 0;color:var(--text-secondary)}.settings-section{margin-top:var(--space-lg)}.settings-section h2{margin-bottom:var(--space-md)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
