.hero{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo h1{font-size:2rem;font-weight:900;color:#667eea;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;padding:0;border-radius:0;box-shadow:none;text-shadow:none;display:inline-block;letter-spacing:1px;font-family:Inter,Segoe UI,Arial,sans-serif}.nav-links{display:flex;gap:20px;align-items:center}.nav-menu{display:flex;gap:10px}.nav-btn{background:transparent;border:none;color:#666;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:#667eea1a;color:#667eea}.nav-btn.active{background:#667eea;color:#fff}.user-profile{display:flex;align-items:center;gap:15px}.user-info{display:flex;align-items:center}.user-name{font-weight:600;color:#333}.btn-secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:60px 0}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2}.highlight{background:linear-gradient(45deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-large{padding:18px 36px;font-size:20px}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:15px 30px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.features{padding:80px 0;background:#fff}.features h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.feature-card{text-align:center;padding:40px 20px;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.dashboard-header{background:#fff;box-shadow:0 2px 10px #0000001a}.dashboard{padding:60px 0;background:#f8f9fa;min-height:calc(100vh - 80px)}.dashboard-content{max-width:1200px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:40px}.welcome-section h2{font-size:2.5rem;margin-bottom:20px;color:#333}.welcome-section p{font-size:1.25rem;margin-bottom:30px;color:#666}.profile-summary{margin-bottom:40px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.profile-header h3{margin:0;color:#333}.unit-toggle-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.unit-toggle-btn:hover{background:#5a67d8;transform:translateY(-1px)}.profile-details{text-align:left}.profile-details p{margin:8px 0;color:#666;font-size:14px}.profile-details strong{color:#333;font-weight:600}.calendar-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a}.calendar-container{max-width:800px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.calendar-nav-btn{background:#667eea;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.calendar-nav-btn:hover{background:#5a67d8;transform:scale(1.1)}.calendar-title{font-size:1.5rem;color:#333;margin:0}.calendar-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea}.stat-label{font-size:14px;color:#666}.calendar-grid{margin-bottom:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.weekday{text-align:center;font-weight:600;color:#666;padding:10px;font-size:14px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;position:relative}.calendar-day:hover{background:#f0f0f0}.calendar-day.other-month{color:#ccc}.calendar-day.today{border:2px solid #667eea;color:#333;font-weight:600}.calendar-day.workout-completed{background:#10b981;color:#fff;font-weight:600}.calendar-day.workout-completed:after{content:"✓";position:absolute;top:2px;right:2px;font-size:10px}.calendar-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.workout-completed{background:#10b981}.legend-color.today{border:2px solid #667eea;background:transparent}.workouts-content{max-width:1200px;margin:0 auto}.workout-list-container h3{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.workout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.workout-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.workout-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.workout-card.locked{opacity:.7}.workout-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.workout-header h4{font-size:1.5rem;color:#333;margin:0}.workout-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.workout-duration{background:#667eea;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.workout-tier{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.workout-description{color:#666;line-height:1.6;margin-bottom:20px}.workout-exercises{margin-bottom:20px}.exercise-count{background:#f3f4f6;color:#666;padding:6px 12px;border-radius:6px;font-size:14px}.workout-actions{text-align:center}.workout-locked{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:14px}.lock-icon{font-size:16px}.upgrade-prompt{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:16px;text-align:center;margin-top:40px}.upgrade-prompt h4{font-size:1.5rem;margin-bottom:15px}.upgrade-prompt p{margin-bottom:20px;opacity:.9}.workout-session{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column}.workout-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease}.exit-btn:hover{background:#ffffff4d}.workout-progress{display:flex;flex-direction:column;align-items:center;gap:10px}.progress-bar{width:200px;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#10b981;transition:width .3s ease}.progress-text{font-size:14px;opacity:.8}.workout-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.workout-start{text-align:center;max-width:500px}.workout-start h3{font-size:2.5rem;margin-bottom:20px}.workout-start p{font-size:1.25rem;margin-bottom:30px;opacity:.9}.workout-summary{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.summary-item{text-align:center}.summary-number{display:block;font-size:2rem;font-weight:700;color:#10b981}.summary-label{font-size:14px;opacity:.8}.exercise-display{text-align:center;max-width:600px;width:100%}.timer-container{margin-bottom:40px}.timer{font-size:4rem;font-weight:700;margin-bottom:20px;font-family:Courier New,monospace}.timer-controls{display:flex;justify-content:center;gap:20px}.exercise-info{margin-bottom:30px}.exercise-info h3{font-size:2rem;margin-bottom:20px}.exercise-gif{width:300px;height:200px;margin:0 auto 20px;border-radius:12px;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.exercise-gif img{width:100%;height:100%;object-fit:cover}.gif-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;padding:2rem;text-align:center;min-height:200px}.placeholder-icon{font-size:4rem;margin-bottom:.5rem;opacity:.8}.gif-placeholder h4{margin:1rem 0 .5rem;color:#667eea;font-size:1.2rem;font-weight:600}.gif-placeholder p{text-align:center;color:#666;font-size:.9rem;line-height:1.4;margin:0;max-width:300px}.gif-placeholder .form-tip{margin-top:1rem;padding:.5rem 1rem;background-color:#f0f4ff;border-radius:8px;font-size:.8rem;color:#667eea;font-weight:500}.exercise-description{font-size:1.1rem;opacity:.9;line-height:1.6}.motivational-message{background:#ffffff1a;padding:20px;border-radius:12px;font-size:1.2rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workout-completion{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.completion-content{text-align:center;max-width:500px}.completion-content h2{font-size:3rem;margin-bottom:20px}.completion-content p{font-size:1.25rem;margin-bottom:30px;opacity:.9}.completion-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#10b981}.stat-label{font-size:14px;opacity:.8}.calendar-loading,.workout-list-loading,.workout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666}.workout-list-loading{text-align:center;padding:60px 20px}.workout-list-loading .loading-spinner{margin-bottom:20px}.workout-list-loading p{font-size:1.1rem;color:#666;margin-bottom:8px}.workout-list-loading .loading-subtitle{font-size:.9rem;color:#999;margin-bottom:0}.workout-list-error{text-align:center;padding:60px 20px}.workout-list-error .error-icon{font-size:3rem;margin-bottom:20px;opacity:.7}.workout-list-error p{font-size:1.1rem;color:#666;margin-bottom:20px}.workout-list-error button{margin:0 10px}.workout-list-empty{text-align:center;padding:80px 20px}.workout-list-empty .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.workout-list-empty h3{font-size:1.5rem;color:#333;margin-bottom:10px}.workout-list-empty p{font-size:1rem;color:#666;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.onboarding-modal{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.onboarding-header{text-align:center;margin-bottom:30px}.onboarding-header h2{font-size:2rem;margin-bottom:10px;color:#333}.onboarding-header p{color:#666;line-height:1.6}.onboarding-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.form-group input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.field-error{color:#e53e3e;font-size:.85rem;margin-top:.25rem;font-weight:500}.unit-toggle{display:flex;gap:8px;margin-top:4px}.unit-btn{flex:1;padding:10px 16px;border:2px solid #e1e5e9;background:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.unit-btn:hover{border-color:#667eea;background:#f8f9ff}.unit-btn.active{background:#667eea;color:#fff;border-color:#667eea}.height-input-group{display:flex;gap:8px;align-items:center}.height-input-group input{flex:1}.height-inches{flex:0 0 80px!important;text-align:center}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;border:1px solid #fcc}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.navbar{flex-direction:column;gap:20px}.nav-menu{order:-1}.onboarding-modal{padding:30px 20px;margin:20px}.user-profile{flex-direction:column;gap:10px}.unit-toggle{flex-direction:column}.height-input-group{flex-direction:column;gap:8px}.height-inches{flex:1!important}.profile-header{flex-direction:column;align-items:flex-start}.unit-toggle-btn{align-self:flex-end}.calendar-stats{flex-direction:column;gap:20px}.workout-grid{grid-template-columns:1fr}.workout-summary{flex-direction:column;gap:20px}.timer{font-size:3rem}.exercise-gif{width:250px;height:150px}.completion-stats{flex-direction:column;gap:20px}.logo h1{font-size:1.5rem;padding:0}}.settings-container{max-width:500px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:40px 32px 32px;display:flex;flex-direction:column;align-items:center}.settings-container h2{font-size:2rem;color:#333;margin-bottom:32px;font-weight:800}.settings-form{width:100%;display:flex;flex-direction:column;gap:24px}.settings-form .form-group{display:flex;flex-direction:column;gap:8px}.settings-form label{font-weight:600;color:#444;font-size:15px}.settings-form input,.settings-form select{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s;background:#f8f9fa}.settings-form input:focus,.settings-form select:focus{outline:none;border-color:#667eea;background:#fff}.settings-form button[type=submit]{margin-top:12px;width:100%;padding:14px 0;font-size:1.1rem;font-weight:700;border-radius:8px}.settings-message{margin-top:16px;color:#10b981;font-weight:600;text-align:center}@media (max-width: 600px){.settings-container{padding:24px 8px}.settings-form{gap:16px}}.settings-back-btn{background:none;border:none;color:#667eea;font-size:1rem;font-weight:600;margin-bottom:16px;cursor:pointer;align-self:flex-start;transition:color .2s;padding:0}.settings-back-btn:hover{color:#4f46e5;text-decoration:underline}.onboarding-logo{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.onboarding-logo h1{font-size:2rem;font-weight:900;color:#667eea;margin:0;letter-spacing:1px;font-family:Inter,Segoe UI,Arial,sans-serif}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;transition:background .2s}.calendar-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:2rem 1.5rem 1.5rem;max-width:95vw;width:350px;outline:none;animation:modalIn .18s cubic-bezier(.4,1.4,.6,1) both}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.calendar-modal h4{margin-top:0;margin-bottom:1rem;font-size:1.2rem}.calendar-modal ul{padding-left:1.2em;margin:0 0 1rem}.calendar-modal li{margin-bottom:.5em;font-size:1rem}.calendar-day{transition:box-shadow .12s,background .12s;outline:none}.calendar-day:hover,.calendar-day:focus{background:#f0f4ff;box-shadow:0 0 0 2px #a3bffa;z-index:1}@media (max-width: 600px){.calendar-modal{width:95vw;padding:1.2rem .5rem 1rem}}.global-loading{display:flex;align-items:center;gap:12px;background:#f0f4ff;color:#333;padding:16px 24px;border-radius:10px;margin:24px auto 0;max-width:400px;font-size:1.1rem;box-shadow:0 2px 8px #6478c814;justify-content:center}.global-error{background:#fee;color:#c33;padding:16px 24px;border-radius:10px;margin:24px auto 0;max-width:400px;font-size:1.1rem;box-shadow:0 2px 8px #c8646414;text-align:center}.loading-spinner{width:24px;height:24px;border:3px solid #a3bffa;border-top:3px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-weight-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #6478c814;padding:1.5rem;margin:1.5rem auto 0;max-width:800px;width:100%}.weight-content{display:flex;gap:2rem;align-items:flex-start}.weight-graph-container{flex:1}.custom-tooltip{background:#f7f9ff;border:1px solid #a3bffa;border-radius:10px;padding:.7rem 1rem;font-size:1rem;color:#333;box-shadow:0 2px 8px #6478c814}.weight-entry-prompt{flex:0 0 280px;background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.weight-entry-prompt input[type=number]{border:1px solid #a3bffa;border-radius:8px;padding:.8rem 1rem;font-size:1rem;width:100%;background:#fff;transition:border-color .2s}.weight-entry-prompt input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.weight-entry-prompt button{width:100%;padding:.8rem;font-size:1rem;font-weight:500}.weight-entry-prompt .motivation-msg{font-size:.98rem;color:#4a5568;line-height:1.4;margin-bottom:.3rem}.weight-entry-message{color:#2d7a46;font-size:.9rem;font-weight:500}.calendar-celebrate-msg{background:#f7f9ff;color:#4f46e5;font-size:1.15rem;font-weight:600;border-radius:12px;box-shadow:0 2px 12px #6478c814;padding:1rem 1.5rem;margin:18px auto 10px;max-width:420px;text-align:center;letter-spacing:.01em;animation:popIn .3s cubic-bezier(.4,1.4,.6,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:none}}.dashboard-analytics{background:#fff;border-radius:16px;box-shadow:0 4px 24px #6478c814;padding:1.5rem;margin:1.5rem auto 0;max-width:800px;width:100%}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.analytics-card{background:#f8fafc;border-radius:12px;padding:1rem}.analytics-card h4{margin:0 0 1rem;font-size:1rem;color:#374151;text-align:center}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}}.analytics-section{margin-top:2rem;text-align:center}.analytics-section h4{margin-bottom:1rem;color:#374151;font-size:1.1rem}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.record-item{background:#f8fafc;border-radius:10px;padding:1rem;text-align:center;border:1px solid #e5e7eb}.record-number{display:block;font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.record-label{font-size:.9rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.records-grid{grid-template-columns:repeat(2,1fr)}}.dark-theme{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--accent-color: #667eea;--accent-hover: #5a67d8}.dark-theme body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme .dashboard-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dark-theme .dashboard{background-color:var(--bg-primary)}.dark-theme .calendar-container,.dark-theme .dashboard-weight-card,.dark-theme .analytics-card,.dark-theme .workout-card,.dark-theme .settings-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 24px var(--shadow-color)}.dark-theme .calendar-day{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-theme .calendar-day:hover{background-color:var(--accent-color)}.dark-theme .calendar-day.other-month{color:var(--text-muted)}.dark-theme .workout-card{background-color:var(--bg-secondary)}.dark-theme .workout-card:hover{background-color:var(--bg-tertiary)}.dark-theme .workout-card.locked{background-color:var(--bg-tertiary);opacity:.7}.dark-theme .nav-btn{color:var(--text-secondary)}.dark-theme .nav-btn:hover{background:#667eea33;color:var(--accent-color)}.dark-theme .nav-btn.active{background:var(--accent-color);color:#fff}.dark-theme .user-name{color:var(--text-primary)}.dark-theme .form-group input,.dark-theme .form-group select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a}.dark-theme .weight-entry-prompt{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.dark-theme .weight-entry-prompt input[type=number]{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .weight-entry-prompt .motivation-msg{color:var(--text-secondary)}.dark-theme .calendar-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.dark-theme .calendar-modal h4{color:var(--text-primary)}.dark-theme .calendar-modal li{color:var(--text-secondary)}.dark-theme .onboarding-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.dark-theme .onboarding-header h2{color:var(--text-primary)}.dark-theme .onboarding-header p{color:var(--text-secondary)}.dark-theme .unit-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .unit-btn:hover,.dark-theme .unit-btn.active{background-color:var(--accent-color);color:#fff}.dark-theme .workout-session{background-color:var(--bg-primary)}.dark-theme .exercise-info h3{color:var(--text-primary)}.dark-theme .exercise-description{color:var(--text-secondary)}.dark-theme .motivational-message{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .workout-completion{background-color:var(--bg-secondary)}.dark-theme .completion-content h2{color:var(--text-primary)}.dark-theme .completion-content p{color:var(--text-secondary)}.dark-theme .stat-number{color:var(--accent-color)}.dark-theme .stat-label{color:var(--text-secondary)}.dark-theme .record-number{color:var(--accent-color)}.dark-theme .record-label{color:var(--text-secondary)}.dark-theme .upgrade-prompt{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.dark-theme .upgrade-prompt h4{color:var(--text-primary)}.dark-theme .upgrade-prompt p{color:var(--text-secondary)}.dark-theme .notification-optin-banner{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}@media (prefers-color-scheme: dark){:root:not(.light-theme){--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--accent-color: #667eea;--accent-hover: #5a67d8}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a;margin:20px 0}