*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-card:#111;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--text-accent:#fff;--accent-primary:#333;--accent-secondary:#444;--accent-success:#4ade80;--accent-warning:#fbbf24;--accent-error:#ef4444;--border-primary:#333;--border-secondary:#222;--border-focus:#555;--shadow-sm:0 1px 2px #ffffff0d;--shadow-md:0 4px 6px #ffffff0d;--shadow-lg:0 10px 15px #ffffff0d;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#333;background:var(--accent-primary);border-radius:.25rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#444;background:var(--accent-secondary)}::selection{background-color:#333;background-color:var(--accent-primary);color:#fff;color:var(--text-primary)}:focus{outline:2px solid #555;outline:2px solid var(--border-focus);outline-offset:2px}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit}input,select,textarea{background:#1a1a1a!important;background:var(--bg-secondary)!important;border:1px solid #333!important;border:1px solid var(--border-primary)!important;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff!important;color:var(--text-primary)!important;font:inherit;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}input:focus,select:focus,textarea:focus{background-color:#2a2a2a!important;background-color:var(--bg-tertiary)!important;border-color:#555!important;border-color:var(--border-focus)!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:#1a1a1a!important;background-color:var(--bg-secondary)!important;-webkit-box-shadow:inset 0 0 0 30px #1a1a1a!important;-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important}* .set-number,* .set-reps,* .set-volume,* .set-weight,* input,* input[type=email],* input[type=number],* input[type=password],* input[type=text]{background-color:#1a1a1a!important;background-color:var(--bg-secondary)!important;background:#1a1a1a!important;background:var(--bg-secondary)!important;border:1px solid #333!important;border:1px solid var(--border-primary)!important;color:#fff!important;color:var(--text-primary)!important}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-mono{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:#999;color:var(--text-muted)}.text-secondary{color:#ccc;color:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:640px){:root{--space-xs:0.125rem;--space-sm:0.375rem;--space-md:0.75rem;--space-lg:1.25rem;--space-xl:1.75rem;--space-2xl:2.5rem}}.App{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.App-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:var(--space-md);padding-top:calc(var(--space-md) + var(--safe-area-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header h1{font-size:var(--text-lg);font-weight:600;letter-spacing:.01em;margin-bottom:var(--space-sm);text-align:center}.app-nav{-ms-overflow-style:none;align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);justify-content:space-between;margin-top:var(--space-sm);overflow-x:auto;padding:var(--space-xs);scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.nav-button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:var(--text-xs);font-weight:500;justify-content:center;max-width:80px;min-height:44px;min-width:44px;padding:var(--space-xs);transition:all .2s ease}.nav-button:hover{background-color:var(--accent-primary);color:var(--text-secondary)}.nav-button.active{background-color:var(--accent-secondary);color:var(--text-primary)}.nav-button .nav-icon{font-size:1.2rem;line-height:1;margin-bottom:2px}.nav-button .nav-text{font-size:.65rem;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{flex:1 1;overflow-y:auto;padding-bottom:calc(var(--space-lg) + var(--safe-area-bottom))}.notebook-page,main{background-color:var(--bg-primary)}.notebook-page{margin:0 auto;max-width:100%;min-height:calc(100vh - 140px);padding:var(--space-lg) var(--space-md);position:relative}.notebook-page:before{background-color:var(--border-secondary);bottom:0;content:"";left:var(--space-xl);opacity:.3;position:absolute;top:0;width:1px}.loading-container{min-height:200px;padding:var(--space-xl)}.spinner{border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--text-primary);height:24px;margin-bottom:var(--space-md);width:24px}.error-container{justify-content:center;min-height:200px;padding:var(--space-xl)}@media (max-width:640px){.App-header{padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-area-top))}.App-header h1{font-size:var(--text-base);margin-bottom:var(--space-xs)}.app-nav{gap:2px;margin-top:var(--space-xs);padding:4px}.nav-button{min-height:40px;min-width:40px;padding:2px}.nav-button .nav-icon{font-size:1rem}.nav-button .nav-text{font-size:.6rem}.notebook-page{padding:var(--space-md) var(--space-sm)}.notebook-page:before{left:var(--space-md)}}@media (max-width:320px){.nav-button .nav-text{display:none}.nav-button{min-height:36px;min-width:36px}}.notification-settings-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.notification-settings-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.notification-settings-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.notification-settings-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:4px;color:#6b7280;font-size:24px;padding:4px;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6;color:#374151}.notification-settings-content{padding:0 24px}.setting-section{margin-bottom:32px}.setting-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 8px}.setting-header p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.setting-control{margin-top:16px}.unsupported-message{color:#6b7280;padding:40px 20px;text-align:center}.permission-denied{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:16px}.permission-denied p{font-weight:500;margin:0 0 12px}.permission-denied ol{margin:0;padding-left:20px}.permission-denied li{margin-bottom:4px}.enabled-status{align-items:center;display:flex;justify-content:space-between}.status-indicator{align-items:center;border-radius:6px;display:flex;font-size:.875rem;font-weight:500;padding:8px 12px}.status-indicator.enabled{background-color:#dcfce7;color:#166534}.disable-button,.enable-button,.test-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.enable-button:hover,.test-button:hover{background-color:#2563eb}.enable-button:disabled{background-color:#9ca3af;cursor:not-allowed}.disable-button{background-color:#ef4444;font-size:.8rem;padding:8px 16px}.disable-button:hover{background-color:#dc2626}.time-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 12px}.time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:.875rem;margin-bottom:12px}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;margin-top:2px}.checkbox-label span{line-height:1.5}.timer-duration-control{display:flex;flex-direction:column;gap:16px}.duration-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.duration-slider::-moz-range-thumb{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.duration-display{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:600;gap:8px;justify-content:center}.duration-label{color:#6b7280;font-size:.875rem;font-weight:400}.duration-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preset-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:50px;padding:8px 12px;transition:all .2s}.preset-button:hover{background-color:#eff6ff;border-color:#3b82f6}.preset-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.notification-settings-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:24px}.save-button{background-color:#10b981;border-radius:8px;font-size:.875rem;font-weight:500;transition:background-color .2s}.save-button:hover{background-color:#059669}@media (max-width:640px){.notification-settings-overlay{padding:10px}.notification-settings-modal{max-height:95vh}.notification-settings-content,.notification-settings-footer,.notification-settings-header{padding-left:16px;padding-right:16px}.enabled-status{align-items:flex-start;flex-direction:column;gap:12px}.status-indicator{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.notification-settings-modal{background:#1f2937;color:#f9fafb}.notification-settings-header{border-bottom-color:#374151}.notification-settings-header h2{color:#f9fafb}.close-button{color:#9ca3af}.close-button:hover{background-color:#374151;color:#d1d5db}.setting-header h3{color:#f9fafb}.setting-header p{color:#9ca3af}.time-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{color:#d1d5db}.notification-settings-footer{border-top-color:#374151}.duration-slider{background:#4b5563}.duration-slider::-webkit-slider-thumb{background:#3b82f6}.duration-slider::-moz-range-thumb{background:#3b82f6}.duration-display{color:#f9fafb}.duration-label{color:#9ca3af}.preset-button{background:#374151;border-color:#4b5563;color:#d1d5db}.preset-button:hover{background-color:#1e3a8a;border-color:#3b82f6}.preset-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}}.home-container{background-color:var(--bg-primary);color:var(--text-primary);margin:0;max-width:100%;min-height:400px;padding:0}.welcome-section{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.welcome-section h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.subtitle{color:var(--text-muted);font-size:var(--text-sm);font-style:italic;margin:0}.quick-start-section{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl);text-align:center}.notification-settings-button,.start-workout-button{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:500;gap:var(--space-md);justify-content:center;min-width:200px;padding:var(--space-lg) var(--space-xl);transition:all .2s ease}.start-workout-button{flex:1 1;max-width:280px}.notification-settings-button{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-muted);font-size:var(--text-base);padding:var(--space-md) var(--space-lg)}.notification-settings-button:hover,.start-workout-button:hover{background-color:var(--bg-secondary);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notification-settings-button:hover{background-color:var(--bg-card);color:var(--text-primary)}.notification-settings-button:active,.start-workout-button:active{transform:translateY(0)}.button-icon{font-size:var(--text-xl);opacity:.8}.button-text{font-family:var(--font-mono);letter-spacing:.02em}.stats-section{margin-bottom:var(--space-xl)}.stats-section h2{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-md);transition:all .2s ease}.stat-card:hover{background-color:var(--bg-secondary);border-color:var(--border-focus)}.stat-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.stat-icon{font-size:var(--text-sm);opacity:.7}.stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-value{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-xs)}.stat-change,.stat-value{font-family:var(--font-mono)}.stat-change{font-size:var(--text-xs)}.change{border-radius:var(--radius-sm);font-weight:500;padding:2px 6px}.change.positive{background-color:#4ade801a;color:var(--accent-success)}.change.negative{background-color:#ef44441a;color:var(--accent-error)}.recommendations-section{margin-bottom:var(--space-xl)}.recommendations-section h2{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.recommendations-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.recommendation-card{background-color:var(--bg-card);border-left:1px solid var(--border-primary);border:1px solid var(--border-primary);border-left-width:3px;border-radius:var(--radius-sm);padding:var(--space-md);transition:all .2s ease}.recommendation-card.high{background-color:#ef44440d;border-left-color:var(--accent-error)}.recommendation-card.medium{background-color:#fbbf240d;border-left-color:var(--accent-warning)}.recommendation-card.low{background-color:#4ade800d;border-left-color:var(--accent-success)}.recommendation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.muscle-group{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.priority-badge{font-size:var(--text-sm);opacity:.8}.recommendation-details{display:flex;flex-direction:column;gap:2px}.days-info,.volume-info{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.empty-state{padding:var(--space-2xl) var(--space-md)}.empty-state h3{font-size:var(--text-lg)}.empty-state p{font-size:var(--text-sm);line-height:1.6;margin:0 auto;max-width:300px}@media (max-width:768px){.welcome-section h1{font-size:var(--text-xl)}.quick-start-section{align-items:center;flex-direction:column}.notification-settings-button,.start-workout-button{max-width:280px;padding:var(--space-md) var(--space-lg);width:100%}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{padding:var(--space-sm)}.stat-value{font-size:var(--text-lg)}}@media (max-width:480px){.stats-grid{gap:var(--space-xs);grid-template-columns:1fr 1fr}.recommendations-section,.stats-section{margin-bottom:var(--space-lg)}}.workout-uploader{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:600px;min-height:100vh;padding:var(--space-md)}.workout-uploader h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-xl);text-align:center}.workout-stats{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;margin-bottom:var(--space-xl);padding:var(--space-md)}.stat-item{align-items:center;display:flex;font-size:16px;gap:10px}.workout-count{color:var(--text-primary);font-size:18px;font-weight:600}.refresh-button{border:none;border-radius:4px;font-size:16px;padding:4px 8px;transition:background-color .2s ease}.refresh-button:hover:not(:disabled){background:#f0f0f0}.upload-container{background:#0000;border-radius:var(--radius-md);box-shadow:none;padding:var(--space-xl)}.drop-zone{align-items:center;background:var(--bg-card);border:2px dashed var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:40px 20px;text-align:center;transition:all .3s ease}.drop-zone:hover{background:var(--bg-secondary);border-color:var(--border-focus)}.drop-zone.has-file{background:var(--bg-secondary);border-color:var(--accent-success)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-icon{font-size:48px;opacity:.6}.upload-text{color:#666}.upload-text div:first-child{font-size:18px;margin-bottom:8px}.upload-subtext{color:#999;font-size:14px}.file-info{align-items:center;display:flex;flex-direction:column;gap:10px}.file-icon{font-size:48px}.file-name{color:var(--text-primary);font-weight:600;max-width:300px;word-break:break-word}.file-size{color:var(--text-muted);font-size:14px}.button-container{display:flex;gap:15px;justify-content:center;margin-top:30px}.reset-button,.upload-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.upload-button{background:#007bff;color:#fff}.upload-button:hover:not(:disabled){background:#0056b3}.upload-button:disabled{background:#6c757d;cursor:not-allowed}.reset-button{background:#6c757d;color:#fff}.reset-button:hover:not(:disabled){background:#545b62}.reset-button:disabled{background:#adb5bd;cursor:not-allowed}.message{border-radius:6px;font-weight:500;margin-top:20px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading-indicator{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px;margin-top:20px}.confirmation-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 10px #0000004d;padding:var(--space-xl)}.confirmation-panel h3{color:var(--text-primary);margin-bottom:20px;margin-top:0;text-align:center}.confirmation-panel .file-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:25px;padding:15px;text-align:center}.import-summary{margin-bottom:30px}.import-summary h4{color:var(--text-primary);margin-bottom:15px;margin-top:0}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px 15px}.summary-label{color:var(--text-secondary);font-weight:600}.summary-value{color:var(--text-primary);font-size:16px;font-weight:700}.confirmation-buttons{display:flex;gap:15px;justify-content:center}.cancel-button,.confirm-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.confirm-button{background:#28a745;color:#fff}.confirm-button:hover:not(:disabled){background:#218838}.confirm-button:disabled{background:#6c757d;cursor:not-allowed}.cancel-button{background:#dc3545}.cancel-button:hover:not(:disabled){background:#c82333}.cancel-button:disabled{background:#adb5bd;cursor:not-allowed}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.confirmation-buttons{align-items:center;flex-direction:column}.cancel-button,.confirm-button{max-width:200px;width:100%}}.instructions{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--space-xl);padding:var(--space-md)}.instructions h3{color:var(--text-primary);margin-top:0}.instructions ul{color:var(--text-secondary);line-height:1.6}.instructions li{margin-bottom:8px}@media (max-width:768px){.workout-uploader{padding:15px}.upload-container{padding:20px}.drop-zone{min-height:120px;padding:30px 15px}.button-container{align-items:center;flex-direction:column}.reset-button,.upload-button{max-width:200px;width:100%}}.workout-list{background-color:var(--bg-primary);color:var(--text-primary);margin:0;max-width:100%;min-height:400px;padding:0}.workout-list-header{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.workout-list-header h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:500}.header-controls{gap:var(--space-md)}.view-toggle{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm)}.toggle-button{background:#0000;color:var(--text-muted);font-family:var(--font-mono);min-height:32px}.toggle-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.toggle-button.active{background-color:var(--accent-primary)}.refresh-button{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);min-height:32px;padding:var(--space-xs) var(--space-sm)}.refresh-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-focus);color:var(--text-primary)}.refresh-button:disabled{opacity:.5}.error-container,.loading-container{padding:var(--space-2xl)}.loading-container p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-md)}.error-container{background-color:var(--bg-card);border:1px solid var(--border-primary);margin:var(--space-md) 0}.error-message{font-size:var(--text-sm);margin-bottom:var(--space-md)}.retry-button{background-color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.retry-button:hover{background-color:var(--accent-secondary);border-color:var(--border-focus)}.empty-state{background-color:var(--bg-card);margin:var(--space-md) 0;padding:var(--space-2xl)}.empty-state h3{color:var(--text-secondary);font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-md)}.workout-container.grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-md)}.workout-container.compact{gap:var(--space-xs);margin-top:var(--space-md)}.workout-card{background-color:var(--bg-card);box-shadow:var(--shadow-sm)}.workout-card:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.workout-card-header{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.workout-name{color:var(--text-primary);font-size:var(--text-base);font-weight:500;margin:0 0 var(--space-xs) 0}.workout-date{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.workout-metrics{grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.metric{gap:2px}.metric-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em}.metric-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.compact-card{background-color:var(--bg-card)}.compact-card:hover{background-color:var(--bg-secondary);border-color:var(--border-focus)}.compact-content{gap:var(--space-md)}.compact-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;margin:0 0 2px}.compact-date{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.compact-metrics{gap:var(--space-sm)}.compact-metric{background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}@media (max-width:640px){.workout-list-header{align-items:flex-start;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.workout-list-header h2{font-size:var(--text-base)}.header-controls{gap:var(--space-sm);justify-content:space-between;width:100%}.view-toggle{flex:1 1}.toggle-button{flex:1 1;justify-content:center}.refresh-button,.toggle-button{font-size:var(--text-xs);min-height:36px;padding:var(--space-sm)}.workout-container.grid{gap:var(--space-sm);grid-template-columns:1fr}.workout-card{padding:var(--space-sm)}.workout-name{font-size:var(--text-sm)}.workout-metrics{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.compact-content{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.compact-main{width:100%}.compact-name{overflow:visible;text-overflow:clip;white-space:normal}.compact-metrics{flex-wrap:wrap;gap:var(--space-xs);width:100%}}@media (max-width:480px){.header-controls{align-items:stretch;flex-direction:column}.refresh-button,.view-toggle{width:100%}.workout-metrics{gap:var(--space-xs);grid-template-columns:1fr}.metric{background-color:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xs);text-align:center}}.workout-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.workout-list-header h2{color:#333;font-size:24px;margin:0}.header-controls{gap:12px}.view-toggle{border:1px solid #ddd;border-radius:6px;display:flex;overflow:hidden}.toggle-button{background:var(--bg-secondary);border:none;border-right:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);min-height:36px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.toggle-button:last-child{border-right:none}.toggle-button:hover{background:var(--bg-tertiary)}.toggle-button.active{background:var(--accent-primary);color:var(--text-primary)}.toggle-button.active:hover{background:var(--accent-secondary)}.refresh-button{background:none;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-height:36px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.loading-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);margin:20px 0}.spinner{border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-top-color:var(--accent-primary)}.error-container{box-shadow:0 2px 4px #0000001a}.empty-state,.error-container{background:var(--bg-secondary);border-radius:var(--radius-md);margin:20px 0}.empty-state{border:1px solid var(--border-primary);color:var(--text-muted)}.empty-state h3{color:var(--text-primary)}.workout-container.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:10px}.workout-container.compact{display:flex;flex-direction:column;gap:8px;margin-top:10px}.workout-item{cursor:pointer;transition:all .2s ease}.workout-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.workout-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000004d;cursor:pointer;margin-bottom:var(--space-sm);padding:var(--space-md);transition:all .2s ease}.workout-card:hover{border-color:var(--border-focus);box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.compact-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.compact-card:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.compact-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.compact-main{flex:1 1;min-width:0}.compact-name{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-date{color:#666;font-size:12px;font-weight:400}.compact-metrics{display:flex;flex-shrink:0;gap:12px}.compact-metric{background:#f5f5f5;border-radius:4px;color:#555;font-size:12px;padding:2px 6px;white-space:nowrap}.workout-card-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.workout-name{color:#333;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.workout-date{font-size:14px}.workout-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-value{font-size:16px;font-weight:600}@media (max-width:768px){.workout-list{padding:10px}.workout-list-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:20px}.workout-list-header h2{font-size:20px}.header-controls{align-items:center;justify-content:space-between;width:100%}.view-toggle{border-radius:8px}.toggle-button{font-size:18px;min-height:44px;padding:10px 14px}.refresh-button{border-radius:6px;font-size:14px;min-height:44px;padding:10px 16px}.workout-container.grid{gap:12px;grid-template-columns:1fr}.workout-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px}.workout-card:hover{box-shadow:0 4px 12px #007bff26;transform:translateY(-1px)}.workout-card-header{margin-bottom:12px;padding-bottom:12px}.workout-name{font-size:16px;line-height:1.4;margin-bottom:6px}.workout-date{font-size:13px}.workout-metrics{gap:10px;grid-template-columns:repeat(2,1fr)}.metric-label{font-size:11px}.metric-value{font-size:14px}.compact-content{align-items:flex-start;flex-direction:column;gap:8px}.compact-main{min-width:0;width:100%}.compact-name{font-size:14px;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal}.compact-date{font-size:12px;margin-top:2px}.compact-metrics{flex-wrap:wrap;gap:6px;width:100%}.compact-metric{border-radius:4px;font-size:11px;padding:3px 6px}.empty-state,.error-container,.loading-container{padding:40px 15px}.spinner{height:30px;width:30px}.error-message{margin-bottom:15px;padding:12px;text-align:center}.error-message,.retry-button{border-radius:6px;font-size:14px}.retry-button{min-height:44px;padding:12px 20px}}@media (max-width:480px){.workout-list{padding:8px}.workout-list-header{margin-bottom:15px}.workout-list-header h2{font-size:18px}.header-controls{align-items:stretch;flex-direction:column;gap:10px}.view-toggle{display:flex;width:100%}.toggle-button{flex:1 1;font-size:16px}.refresh-button,.toggle-button{justify-content:center;padding:12px}.refresh-button{font-size:14px;width:100%}.workout-card{padding:12px}.workout-name{font-size:15px}.workout-metrics{gap:8px;grid-template-columns:1fr}.metric{background:#f8f9fa;border-radius:4px;padding:8px;text-align:center}.compact-card{padding:10px 12px}.compact-name{font-size:13px}.compact-date{font-size:11px}.compact-metrics{gap:4px}.compact-metric{font-size:10px;padding:2px 4px}}.workout-detail{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-md)}.workout-detail-header{margin-bottom:var(--space-xl)}.back-button{border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);transition:all .2s ease}.back-button:hover{background:#f5f5f5;border-color:#999;color:#333}.workout-title{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px}.workout-date{color:#666;font-size:18px;font-weight:400;margin:0}.workout-overview{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000004d;margin-bottom:var(--space-xl);padding:var(--space-lg)}.overview-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-section h3{border-bottom:2px solid var(--border-secondary);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-xs)}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#333;font-size:20px;font-weight:700}.exercises-section{margin-bottom:30px}.exercises-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 20px}.exercises-list{display:flex;flex-direction:column;gap:20px}.exercise-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000004d;padding:var(--space-md)}.exercise-name{color:var(--text-primary);font-size:var(--text-lg)}.exercise-stats{align-items:center;display:flex;gap:16px}.stat{color:#666;font-size:14px;font-weight:500}.sets-table{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.sets-header{font-size:var(--text-sm);font-weight:600;grid-template-columns:1fr 1fr}.sets-header>span{letter-spacing:.05em;text-align:center;text-transform:uppercase}.sets-list{margin-top:var(--space-sm)}.sets-header{background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;margin-bottom:4px;padding:8px 16px}.sets-header span{flex:1 1;font-size:12px;font-weight:600;text-transform:uppercase}.sets-header span:first-child{text-align:center}.sets-header span:last-child{text-align:right}.set-item{background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;margin-bottom:2px;padding:8px 16px}.set-item span{color:var(--text-primary);flex:1 1;font-size:14px;text-align:center}.collapsible-header{border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);padding:var(--space-sm);transition:all .2s ease}.toggle-icon{color:var(--text-muted);font-size:.8em;transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.loading-container{color:#666}.error-container{text-align:center}.error-actions{display:flex;gap:12px;justify-content:center}.retry-button{font-size:14px}@media (max-width:768px){.workout-detail{padding:15px}.workout-title{font-size:24px}.workout-date{font-size:16px}.workout-overview{padding:20px}.overview-grid{gap:20px;grid-template-columns:1fr}.metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.exercise-header{align-items:flex-start;flex-direction:column;gap:8px}.exercise-name{font-size:18px}.exercise-stats{gap:12px}.sets-table{gap:var(--space-xs)}.set-row,.sets-header{gap:var(--space-xs);padding:var(--space-xs)}.set-row>span,.sets-header>span{font-size:var(--text-sm)}.error-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.set-row,.sets-header{gap:var(--space-xs);padding:var(--space-xs)}.set-row>span,.sets-header>span{font-size:var(--text-xs)}}@media (max-width:360px){.set-row,.sets-header{gap:calc(var(--space-xs)/2);padding:calc(var(--space-xs)/2)}.set-row>span,.sets-header>span{font-size:var(--text-xs)}}.exercise-picker-modal-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:var(--space-md);position:fixed;right:0;top:0;z-index:99999}.exercise-picker-modal{background-color:#1a1a1a;background-color:var(--bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border-primary,#333);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:99999}.modal-header{align-items:center;background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-secondary,#333);display:flex;justify-content:space-between;padding:var(--space-lg)}.modal-header h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;padding:var(--space-xs);transition:all .2s ease;width:32px}.close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-search{border-bottom:1px solid var(--border-secondary);padding:var(--space-lg)}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-base);padding:var(--space-md);transition:all .2s ease}.search-input:focus{background-color:var(--bg-primary);box-shadow:0 0 0 2px #ffffff1a}.search-input::placeholder{color:var(--text-muted)}.muscle-group-filters{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-md) var(--space-lg)}.filter-button{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-md);transition:all .2s ease;white-space:nowrap}.filter-button:hover{background-color:var(--bg-primary);border-color:var(--border-focus)}.filter-button.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.exercises-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-md) 0}.exercise-item{align-items:center;background-color:#1a1a1a;background-color:var(--bg-secondary,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-secondary,#333);color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background-color .2s ease}.exercise-item:hover{background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a)}.exercise-item.selected{background-color:var(--accent-primary);color:var(--text-inverse)}.exercise-item:last-child{border-bottom:none}.exercise-info{display:flex;flex-direction:column;gap:var(--space-xs)}.exercise-name{color:inherit;font-size:var(--text-base);font-weight:600;margin:0}.exercise-muscle-group{color:var(--text-muted);font-size:var(--text-sm);text-transform:lowercase}.exercise-item.selected .exercise-muscle-group{color:#fffc}.benchmark-badge{color:var(--accent-warning);font-size:var(--text-lg);font-weight:700;margin-left:var(--space-sm)}.exercise-item.selected .benchmark-badge{color:#ffffffe6}.no-results{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-xl);text-align:center}.no-results p{color:var(--text-muted);font-size:var(--text-base);margin:0}.clear-search-button{background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.clear-search-button:hover{background-color:var(--accent-primary-hover)}@media (max-width:768px){.exercise-picker-modal-overlay{align-items:stretch!important;background-color:#000000f2!important;bottom:0!important;height:100vh!important;justify-content:stretch!important;left:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.exercise-picker-modal{background-color:#0a0a0a!important;background-color:var(--bg-primary,#0a0a0a)!important;border:none!important;border-radius:0!important;height:100vh!important;max-height:none!important;max-width:none!important;position:relative!important;width:100vw!important;z-index:99999!important}.modal-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:var(--space-md) var(--space-lg)}.modal-header h2{font-size:var(--text-xl)}.close-button{font-size:var(--text-2xl);height:40px;width:40px}.modal-search,.search-input{padding:var(--space-md) var(--space-lg)}.search-input{font-size:16px;min-height:48px}.muscle-group-filters{gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.filter-button{font-size:var(--text-base);min-height:40px;padding:var(--space-sm) var(--space-lg)}.exercise-item{min-height:60px;padding:var(--space-lg)}.exercise-name{font-size:var(--text-lg)}.exercise-muscle-group{font-size:var(--text-base)}.benchmark-badge{font-size:var(--text-xl)}.no-results{padding:var(--space-2xl)}.no-results p{font-size:var(--text-lg)}.clear-search-button{font-size:var(--text-base);min-height:44px;padding:var(--space-md) var(--space-lg)}}@media (max-width:480px){.modal-header,.modal-search,.muscle-group-filters{padding:var(--space-sm) var(--space-md)}.exercise-item{padding:var(--space-md)}}@media (max-width:768px){.exercise-item{min-height:56px}.close-button,.filter-button{min-height:44px;touch-action:manipulation}.close-button{min-width:44px}}.exercise-picker-modal-overlay{overscroll-behavior:contain}.exercise-picker-modal-overlay:before{background-color:#000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}body.modal-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}@media (prefers-color-scheme:dark){.exercise-picker-modal-overlay{background-color:#000000e6}}@media (prefers-contrast:high){.exercise-item.selected,.exercise-picker-modal{border:2px solid}}@media (prefers-reduced-motion:reduce){.clear-search-button,.close-button,.exercise-item,.exercise-picker-modal,.filter-button,.search-input{transition:none}}@media (min-width:769px){.exercise-picker-modal-overlay{background-color:#000c}.exercise-picker-modal{border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-height:80vh;max-width:600px}.modal-header h2{font-size:var(--text-lg)}.close-button{font-size:var(--text-xl);height:32px;width:32px}.search-input{font-size:var(--text-base);padding:var(--space-md)}.muscle-group-filters{gap:var(--space-xs);padding:var(--space-md) var(--space-lg)}.filter-button{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.exercise-item{padding:var(--space-md) var(--space-lg)}.exercise-name{font-size:var(--text-base)}.exercise-muscle-group{font-size:var(--text-sm)}.benchmark-badge{font-size:var(--text-lg)}.no-results{padding:var(--space-xl)}.no-results p{font-size:var(--text-base)}.clear-search-button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}}.set-timer{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-sm);position:relative;z-index:1}.set-timer,.timer-display{align-items:center;display:flex;flex-direction:column}.timer-display{gap:var(--space-xs);min-width:80px}.timer-time{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;min-width:60px;text-align:center;transition:color .3s ease}.timer-progress{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:2px;height:4px;overflow:hidden;width:80px}.timer-progress-bar{border-radius:1px;height:100%;transition:width 1s linear,background-color .3s ease}.timer-controls{align-items:center;display:flex;gap:var(--space-xs)}.timer-button{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);min-width:70px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;white-space:nowrap}.timer-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-focus)}.timer-button:disabled{cursor:not-allowed;opacity:.5}.start-button:hover:not(:disabled){background-color:#065f46;background-color:var(--success-bg,#065f46);border-color:#10b981;border-color:var(--success,#10b981);color:#10b981;color:var(--success,#10b981)}.stop-button:hover:not(:disabled){background-color:#92400e;background-color:var(--warning-bg,#92400e);border-color:#f59e0b;border-color:var(--warning,#f59e0b);color:#f59e0b;color:var(--warning,#f59e0b)}.reset-button:hover:not(:disabled){background-color:var(--bg-quaternary);border-color:var(--border-secondary)}@media (max-width:768px){.set-timer{padding:var(--space-xs)}.timer-controls{flex-wrap:wrap;justify-content:center}.timer-button{font-size:var(--text-xs);min-width:60px;padding:var(--space-xs)}.timer-time{font-size:var(--text-md)}}:root{--success:#10b981;--success-bg:#065f46;--warning:#f59e0b;--warning-bg:#92400e;--error:#ef4444;--error-bg:#991b1b}.exercise-picker-button{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);justify-content:space-between;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s ease;width:100%}.exercise-picker-button:hover{background-color:var(--bg-primary);border-color:var(--border-focus)}.exercise-picker-button:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #ffffff1a;outline:none}.exercise-picker-button .dropdown-arrow{color:var(--text-muted);transition:transform .2s ease}.exercise-picker-button:hover .dropdown-arrow{color:var(--text-primary)}@media (max-width:768px){.exercise-picker-button{font-size:16px;min-height:48px;padding:var(--space-md) var(--space-lg)}}.mobile-exercise-picker-button:focus,.mobile-exercise-picker-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-focus)}.mobile-exercise-picker-button:focus{box-shadow:0 0 0 2px #ffffff1a;outline:none}.dropdown-arrow{color:var(--text-muted);font-size:var(--text-xs);transition:transform .2s ease}.mobile-exercise-picker-button:hover .dropdown-arrow{color:var(--text-primary)}@media (max-width:768px){.mobile-exercise-picker-button{border-radius:var(--radius-md);font-size:16px;min-height:48px;padding:var(--space-md) var(--space-lg)}.dropdown-arrow{font-size:var(--text-sm)}}.add-workout{background-color:var(--bg-primary);color:var(--text-primary);margin:0;max-width:100%;min-height:400px;padding:0}.add-workout *,.add-workout :after,.add-workout :before{box-sizing:border-box}.add-workout div:not(.sets-container):not(.workout-exercise):not(.form-section),.add-workout span{background:#0000!important}.add-workout-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.back-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:var(--space-xs) 0;transition:color .2s ease}.add-workout-header h1,.back-button:hover{color:var(--text-primary)}.add-workout-header h1{font-size:var(--text-lg);font-weight:500;margin:0}.add-workout-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-section{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.collapsible-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);transition:background-color .2s ease}.collapsible-header:hover{background-color:var(--bg-tertiary)}.collapsible-header h2{color:var(--text-primary);font-size:var(--text-base);font-weight:500;margin:0}.collapse-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;transition:transform .2s ease}.collapse-arrow{font-size:var(--text-sm);transition:transform .2s ease}.collapse-arrow.up{transform:rotate(180deg)}.collapsible-content{padding:var(--space-md)}.form-row{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--space-md)}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-sm);transition:all .2s ease}.form-group input:focus,.form-group select:focus{background-color:var(--bg-tertiary);border-color:var(--border-focus);outline:none}.form-group input::placeholder{color:var(--text-muted);opacity:.7}.add-exercise-section{border-bottom:1px solid var(--border-primary);padding:var(--space-md)}.workout-add-exercise-button{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease;white-space:nowrap}.workout-add-exercise-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-focus)}.workout-add-exercise-button:disabled{cursor:not-allowed;opacity:.5}.workout-exercises{display:flex;flex-direction:column;gap:var(--space-lg);overflow-x:auto;padding:var(--space-md);width:100%}.workout-exercise{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-md);position:relative}.exercise-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.exercise-title{align-items:center;display:flex;gap:var(--space-sm)}.exercise-header h3{color:var(--text-primary);font-size:var(--text-base);font-weight:500;margin:0}.ai-badge{border:1px solid var(--border-primary);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.ai-badge,.ai-reasoning{background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.ai-reasoning{border:1px solid var(--border-secondary);border-left:3px solid var(--text-muted);margin:var(--space-sm) 0 var(--space-md) 0;padding:var(--space-sm)}.ai-reasoning-header{align-items:center;display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.ai-icon,.ai-reasoning-title{font-size:var(--text-xs)}.ai-reasoning-title{color:var(--text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ai-reasoning-text{font-family:var(--font-mono);line-height:1.4;margin:0}.ai-reasoning-text,.remove-exercise-button{color:var(--text-muted);font-size:var(--text-xs)}.remove-exercise-button{background:none;border:none;cursor:pointer;padding:var(--space-xs);transition:color .2s ease}.remove-exercise-button:hover{color:var(--accent-error)}.last-workout-data{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-md);padding:var(--space-sm)}.last-workout-data h4{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.last-workout-sets{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.last-set{background-color:var(--bg-tertiary);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-xs)}.last-set,.sets-container{border:1px solid var(--border-primary);border-radius:var(--radius-sm)}.sets-container{background-color:var(--bg-card);overflow:hidden}@media (max-width:480px){.sets-container{min-width:100%;overflow-x:auto}}.sets-container *{box-sizing:border-box}.sets-header{grid-gap:var(--space-sm);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-muted);display:grid;font-size:var(--text-xs);font-weight:500;gap:var(--space-sm);grid-template-columns:40px 1fr 1fr 40px;letter-spacing:.05em;padding:var(--space-sm);text-transform:uppercase}.sets-header span{background:none;color:var(--text-muted);display:inline-block}.set-row{grid-gap:var(--space-sm);align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-secondary);display:grid;gap:var(--space-sm);grid-template-columns:40px 1fr 1fr 40px;min-width:0;padding:var(--space-sm)}.set-row:last-child{border-bottom:none}.set-number{background:none;color:var(--text-muted);display:inline-block}.set-number,.set-row input{font-family:var(--font-mono);font-size:var(--text-sm);text-align:center}.set-row input{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-sm);color:var(--text-primary)!important;padding:var(--space-xs);transition:all .2s ease}.set-row input:focus{background-color:var(--bg-secondary)!important;border-color:var(--border-focus)!important;outline:none}.set-row input::placeholder{color:var(--text-muted);opacity:.6}.set-number,.set-reps,.set-row input,.set-weight,.workout-exercises input,input.set-number,input.set-reps,input.set-weight,input[type=number],input[type=text]{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.remove-set-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-lg);height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-set-button:hover:not(:disabled){background-color:var(--accent-error);color:var(--text-primary)}.remove-set-button:disabled{cursor:not-allowed;opacity:.3}.add-set-button{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);margin-top:var(--space-sm);padding:var(--space-sm);transition:all .2s ease;width:100%}.add-set-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-focus)}.error-message,.success-message{border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm);margin:var(--space-md) 0;padding:var(--space-md)}.error-message{background-color:#ef44441a;border-color:var(--accent-error);color:var(--accent-error)}.success-message{background-color:#4ade801a;border-color:var(--accent-success);color:var(--accent-success)}.form-actions{border-top:1px solid var(--border-secondary);gap:var(--space-md);padding-top:var(--space-lg)}.cancel-button,.save-button{border:1px solid;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:500;padding:var(--space-md);transition:all .2s ease}.save-button{background-color:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.save-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-focus)}.save-button:disabled{opacity:.5}.cancel-button{background-color:initial;border-color:var(--border-primary);color:var(--text-muted)}.cancel-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.clear-workout-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);margin-left:auto;opacity:.7;padding:var(--space-xs);transition:opacity .2s ease}.clear-workout-link:hover{color:var(--text-secondary);opacity:1}.error-container,.loading-container{min-height:200px;padding:var(--space-xl);text-align:center}@media (max-width:640px){.form-row{gap:var(--space-sm);grid-template-columns:1fr}.set-row,.sets-header{gap:var(--space-xs);grid-template-columns:30px 1fr 1fr 30px;padding:var(--space-xs) var(--space-sm)}.sets-header{font-size:.65rem}.form-actions{flex-direction:column;gap:var(--space-sm)}.workout-exercises{gap:var(--space-md)}}@media (max-width:480px){.add-workout-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.set-row,.sets-header{gap:var(--space-xs);grid-template-columns:25px minmax(60px,1fr) minmax(60px,1fr) 25px;padding:var(--space-xs) var(--space-sm)}.set-row input{font-size:var(--text-xs);min-width:0;padding:var(--space-xs)}.set-number{font-size:.7rem}.add-exercise-section,.collapsible-content,.workout-exercises{padding:var(--space-sm)}}@media (max-width:360px){.set-row,.sets-header{gap:4px;grid-template-columns:20px 1fr 1fr 20px;padding:var(--space-xs)}.set-row input{font-size:.75rem;min-width:50px;padding:4px}.remove-set-button,.set-number{font-size:.65rem}}.notification-banner{animation:slideInFromTop .3s ease-out;background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:500;margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.charts-container{margin:0 auto;max-width:1200px;padding:20px}.charts-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.charts-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.header-controls{flex-wrap:wrap;gap:20px}.header-controls,.time-filter{align-items:center;display:flex}.time-filter{gap:8px}.time-filter label{color:#666;font-size:14px;font-weight:500;white-space:nowrap}.time-filter-select{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.time-filter-select:focus,.time-filter-select:hover{border-color:var(--accent-primary)}.time-filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.chart-selector{display:flex;flex-wrap:wrap;gap:10px}.chart-button{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.chart-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.chart-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.chart-wrapper{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;height:500px;justify-content:center;margin-bottom:30px;padding:30px}.chart-info{margin-top:20px}.info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;text-align:center}.info-card h4{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:24px;font-weight:600}.loading-container{justify-content:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column}.error-container{padding:60px 20px}.error-message,.retry-button{font-size:16px}.retry-button{background:#007bff;border-radius:8px;font-weight:500;padding:12px 24px;transition:background .2s ease}.retry-button:hover{background:#0056b3}.empty-state h3{color:#666}.empty-state p{color:#999;font-size:16px}@media (max-width:768px){.charts-container{padding:15px}.charts-header{align-items:stretch;flex-direction:column;gap:15px}.charts-header h2{font-size:24px;text-align:center}.header-controls{flex-direction:column;gap:15px}.time-filter{justify-content:center}.time-filter-select{flex:1 1;max-width:200px}.chart-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.chart-button{flex:none;font-size:10px;min-width:0;padding:8px 6px;text-align:center}.chart-wrapper{height:350px;padding:20px}.info-cards{gap:15px;grid-template-columns:1fr}.info-card{padding:15px}.info-value{font-size:20px}}@media (max-width:480px){.charts-container{padding:10px}.header-controls{gap:10px}.time-filter{align-items:stretch;flex-direction:column;gap:5px}.time-filter-select{max-width:none}.chart-wrapper{height:300px;padding:15px}.chart-button{font-size:10px;padding:6px 8px;white-space:nowrap}}.goals-container{margin:0 auto;max-width:1200px;padding:20px}.goals-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.goals-header h2{color:#333;font-size:2rem;margin:0}.check-completion-button,.create-goal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.check-completion-button{background-color:#17a2b8;color:#fff}.check-completion-button:hover:not(:disabled){background-color:#138496;transform:translateY(-1px)}.check-completion-button:disabled{cursor:not-allowed;opacity:.6}.create-goal-button{background-color:#28a745;color:#fff}.create-goal-button:hover{background-color:#218838;transform:translateY(-1px)}.create-goal-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:25px}.create-goal-form h3{color:#333;font-size:1.4rem;margin:0 0 20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#555;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{margin-top:25px}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-button{background-color:#007bff;color:#fff}.submit-button:hover{background-color:#0056b3}.cancel-button:hover{background-color:#545b62}.goals-list{margin-top:20px}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#999;margin-bottom:10px}.goals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.goal-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;position:relative;transition:all .2s ease}.goal-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.goal-card.completed{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border-color:#28a745}.goal-card.overdue{background:linear-gradient(135deg,#fff8f8,#f8e8e8);border-color:#dc3545}.goal-card.urgent{background:linear-gradient(135deg,#fffdf5,#fff3cd);border-color:#ffc107}.goal-card.soon{background:linear-gradient(135deg,#f5fdff,#e8f7fa);border-color:#17a2b8}.goal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.goal-header h4{color:#333;font-size:1.2rem;font-weight:600;margin:0}.goal-actions{display:flex;gap:8px}.delete-goal,.toggle-complete{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.delete-goal:hover,.toggle-complete:hover{background-color:#0000001a}.goal-description{color:#666;font-style:italic;line-height:1.4;margin-bottom:15px}.goal-target{background-color:#00000005;border-left:4px solid #007bff;border-radius:6px;margin-bottom:15px;padding:12px}.goal-target strong{color:#333;display:block;font-size:1.1rem;margin-bottom:5px}.target-details{color:#666;font-size:1.1rem;font-weight:600}.goal-deadline{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.deadline-label{color:#666;font-weight:500}.deadline-date{color:#333;font-weight:600}.deadline-countdown{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.deadline-countdown.normal{background-color:#e9ecef;color:#495057}.deadline-countdown.soon{background-color:#cce5ff;color:#0056b3}.deadline-countdown.urgent{background-color:#fff3cd;color:#856404}.deadline-countdown.overdue{background-color:#f8d7da;color:#721c24}.completion-info{background-color:#28a7451a;border-radius:6px;color:#155724;font-weight:600;margin-top:15px;padding:10px;text-align:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border-top-color:#007bff;margin-bottom:20px}.error-message{color:#dc3545;text-align:center}.retry-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.retry-button:hover{background-color:#0056b3}@media (max-width:768px){.goals-container{padding:15px}.goals-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.form-row,.goals-grid{grid-template-columns:1fr}.goal-deadline{align-items:flex-start;flex-direction:column;gap:5px}}.exercise-manager{background-color:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-md)}.exercise-manager-header{align-items:center;border-bottom:2px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.exercise-manager-header h1{color:var(--text-primary);font-size:2rem;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.calculate-rep-maxes-button{align-items:center;background-color:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s ease}.calculate-rep-maxes-button:hover:not(:disabled){background-color:#e55a2b}.calculate-rep-maxes-button:disabled{background-color:#ccc;cursor:not-allowed}.add-exercise-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s ease}.add-exercise-button:hover:not(:disabled){background-color:#45a049}.add-exercise-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-container{padding:60px 20px;text-align:center}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#ffebee;border:1px solid #f44336;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.close-error,.error-message{align-items:center;color:#d32f2f;display:flex}.close-error{background:none;border:none;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.exercise-form-container{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.exercise-form h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--space-lg) 0}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-weight:600;margin-bottom:var(--space-xs)}.form-group input[type=text]{background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;padding:var(--space-sm);transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus{border-color:var(--border-focus);outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-right:10px;width:18px}.form-actions{display:flex;gap:12px;margin-top:24px}.save-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.save-button:hover:not(:disabled){background-color:#45a049}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.cancel-button:hover{background-color:#5a6268}.exercises-list h2{color:#333;font-size:1.5rem;margin:0 0 24px}.no-exercises{background-color:#f8f9fa;border:2px dashed #ddd;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.exercises-grid{grid-gap:12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:600px;overflow-y:auto;padding:8px}.exercise-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;padding:12px;position:relative;transition:all .2s ease}.exercise-card:hover{background-color:var(--bg-secondary);border-color:var(--border-focus);transform:translateY(-1px)}.exercise-card.selected{background-color:#ff6b351a;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.exercise-info{flex:1 1}.exercise-info h3{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px}.exercise-info h3,.muscle-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muscle-group{color:var(--text-muted);font-size:11px;font-style:italic;margin:0 0 8px}.benchmark-badge{background-color:#ffc107;border-radius:8px;color:#212529;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:4px;text-transform:uppercase;top:4px}.exercise-actions{display:flex;gap:4px;margin-top:8px;opacity:0;transition:opacity .2s ease}.exercise-card.selected .exercise-actions,.exercise-card:hover .exercise-actions{opacity:1}.delete-button,.edit-button{background-color:initial;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:12px;min-width:0;padding:4px 6px;transition:all .2s ease}.edit-button:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.delete-button:hover:not(:disabled){background-color:#dc3545;border-color:#dc3545;color:#fff}.delete-button:disabled,.edit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.delete-confirmation{display:flex;gap:4px;width:100%}.cancel-delete,.confirm-delete{background-color:initial;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;padding:4px 6px;transition:all .2s ease}.confirm-delete{border-color:#dc3545;color:#dc3545}.confirm-delete:hover{background-color:#dc3545;color:#fff}.cancel-delete{color:var(--text-muted)}.cancel-delete:hover{background-color:var(--bg-secondary)}.delete-button.confirm{animation:pulse 1s infinite;background-color:#ff6b35}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.cancel-delete-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .3s ease}.cancel-delete-button:hover{background-color:#5a6268}.exercise-manager-content{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.exercise-search-section{min-height:400px}.exercise-details-section{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);position:-webkit-sticky;position:sticky;top:var(--space-md)}.search-controls{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-input-group{flex:1 1;min-width:200px}.search-input{background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;padding:var(--space-sm);width:100%}.search-input:focus{border-color:var(--border-focus);outline:none}.muscle-group-filter{min-width:180px}.muscle-group-select{background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:14px;padding:var(--space-sm);width:100%}.muscle-group-select:focus{border-color:var(--border-focus);outline:none}.stats-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-xl)}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center}.stat-card h4{color:var(--text-secondary);font-size:12px;font-weight:600;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.recent-prs{margin-top:var(--space-lg)}.recent-prs h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-md) 0}.prs-list{flex-direction:column}.pr-item,.prs-list{display:flex;gap:var(--space-sm)}.pr-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);justify-content:space-between;padding:var(--space-sm)}.pr-item.new-pr{background-color:#4caf501a;border-color:#4caf50}.pr-type{color:var(--text-primary);font-weight:600;min-width:80px}.pr-details{align-items:center;display:flex;flex:1 1;gap:var(--space-xs)}.pr-weight{color:var(--text-primary);font-weight:600}.pr-reps,.pr-volume{color:var(--text-muted);font-size:14px}.pr-date{color:var(--text-muted);font-size:12px;min-width:80px;text-align:right}.new-badge{background-color:#4caf50;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.no-stats{background-color:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);padding:var(--space-xl);text-align:center}.no-stats p{margin:0 0 var(--space-sm) 0}.no-stats p:last-child{margin-bottom:0}@media (max-width:768px){.exercise-manager{padding:16px}.exercise-manager-header{align-items:stretch;flex-direction:column;gap:16px}.exercise-manager-header h1{font-size:1.5rem;text-align:center}.header-actions{flex-direction:column;gap:12px}.exercise-manager-content{gap:var(--space-lg);grid-template-columns:1fr}.exercise-details-section{position:static}.search-controls{flex-direction:column}.exercises-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px}.exercise-card{min-height:70px;padding:10px}.exercise-info h3{font-size:13px}.muscle-group{font-size:10px}.exercise-actions{flex-direction:row;gap:4px;opacity:1}.exercise-actions button{font-size:11px;justify-content:center;padding:3px 5px;width:auto}.rep-max-grid{grid-template-columns:repeat(2,1fr)}.rep-max-details{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}.rep-maxes-section{border-top:1px solid var(--border-secondary);margin-top:var(--space-xl);padding-top:var(--space-lg)}.rep-maxes-section h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 var(--space-lg) 0}.time-frame-selector{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.time-frame-selector label{color:var(--text-secondary);font-weight:600}.time-frame-select{background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:14px;padding:var(--space-sm)}.time-frame-select:focus{border-color:var(--border-focus);outline:none}.rep-max-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-lg)}.rep-max-card{background-color:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.rep-max-card:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.rep-max-card.primary{background:linear-gradient(135deg,var(--bg-card),#ff6b351a);border-color:#ff6b35}.rep-max-card h4{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.rep-max-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.rep-max-card.primary .rep-max-value{color:#ff6b35}.rep-max-details{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-md)}.detail-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.detail-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.no-rep-max-data{background-color:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);padding:var(--space-xl);text-align:center}.no-rep-max-data p{margin:0 0 var(--space-sm) 0}.no-rep-max-data p:last-child{margin-bottom:0}.ai-recommendations-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s ease}.ai-recommendations-button:hover:not(:disabled){background-color:#45a049}.ai-recommendations-button:disabled{background-color:#ccc;cursor:not-allowed}.exercise-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-managed-badge{align-items:center;background-color:#4caf50;border-radius:12px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 8px}.ai-recommendation-preview{background-color:#4caf501a;border-left:3px solid #4caf50;border-radius:6px;margin-top:8px;padding:8px}.ai-recommendation-preview .recommendation-text{color:#2e7d32;font-size:.9rem;font-weight:600;margin:0 0 4px}.ai-recommendation-preview .progression-text{color:#388e3c;font-size:.8rem;margin:0}.ai-recommendation-section{background-color:#4caf500d;border:2px solid #4caf50;border-radius:12px;margin-bottom:30px;padding:20px}.ai-recommendation-section h3{align-items:center;color:#2e7d32;display:flex;gap:8px;margin:0 0 16px}.recommendation-details{grid-gap:20px;display:grid;gap:20px}.recommendation-main{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.next-target h4{color:#2e7d32;font-size:1.1rem;margin:0 0 12px}.target-display{align-items:center;color:#1b5e20;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.target-display .weight{color:#d32f2f}.target-display .multiplier{color:#666;font-size:1.2rem}.target-display .reps{color:#1976d2}.target-1rm{color:#2e7d32;font-size:1rem;margin:0}.target-1rm .progression{color:#388e3c;font-weight:600}.recommendation-reasoning{background:#f1f8e9;border-left:4px solid #4caf50;border-radius:8px;padding:16px}.recommendation-reasoning h4{color:#2e7d32;font-size:1rem;margin:0 0 8px}.recommendation-reasoning p{color:#2e7d32;font-size:.95rem;line-height:1.5;margin:0}.no-recommendation{color:#666;padding:20px;text-align:center}.no-recommendation p{margin:0 0 8px}.refresh-recommendations-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:10px 20px;transition:background-color .3s ease}.refresh-recommendations-button:hover:not(:disabled){background-color:#1976d2}.refresh-recommendations-button:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-help{color:#666;display:block;font-size:.85rem;font-weight:400;line-height:1.3;margin-top:4px}@media (max-width:768px){.target-display{flex-direction:column;font-size:1.4rem;gap:4px;text-align:center}.recommendation-details{grid-template-columns:1fr}.ai-recommendation-preview{font-size:.85rem}.exercise-badges{align-items:flex-start;flex-direction:column}}.install-pwa-banner{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--bg-card);border-top:1px solid var(--border-primary);bottom:0;color:var(--text-primary);left:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-bottom));position:fixed;right:0;z-index:1000}.install-pwa-content{gap:var(--space-md);max-width:100%}.install-pwa-icon{font-size:var(--text-lg);opacity:.8}.install-pwa-text{min-width:0}.install-pwa-text h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;margin:0 0 2px}.install-pwa-text p{color:var(--text-muted);font-size:var(--text-xs);line-height:1.3}.install-pwa-buttons{flex-shrink:0;gap:var(--space-sm)}.install-btn{background-color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.install-btn:hover{background-color:var(--accent-secondary);border-color:var(--border-focus)}.dismiss-btn{align-items:center;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;font-size:var(--text-sm);height:24px;justify-content:center;padding:var(--space-xs);transition:all .2s ease;width:24px}.dismiss-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}@media (max-width:640px){.install-pwa-banner{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-area-bottom))}.install-pwa-content{gap:var(--space-sm)}.install-pwa-text h4{font-size:var(--text-xs)}.install-btn,.install-pwa-text p{font-size:.65rem}.install-btn{min-height:28px;padding:var(--space-xs)}.dismiss-btn{font-size:var(--text-xs);height:20px;width:20px}}@media (max-width:480px){.install-pwa-content{flex-wrap:wrap;gap:var(--space-xs)}.install-pwa-text{flex:1 1 100%;min-width:100%}.install-pwa-buttons{flex:1 1 auto;justify-content:flex-end}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-pwa-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:800px}.install-pwa-icon{flex-shrink:0;font-size:24px}.install-pwa-text{flex:1 1}.install-pwa-text h4{font-size:16px;font-weight:600;margin:0 0 4px}.install-pwa-text p{font-size:14px;margin:0;opacity:.9}.install-pwa-buttons{align-items:center;display:flex;gap:12px}.install-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.install-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.dismiss-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;opacity:.7;padding:4px;transition:opacity .2s ease}.dismiss-btn:hover{opacity:1}@media (max-width:768px){.install-pwa-banner{padding:12px}.install-pwa-content{gap:12px}.install-pwa-text h4{font-size:14px}.install-pwa-text p{font-size:12px}.install-btn{font-size:14px;padding:6px 12px}}