:root{--color-primary: #CCFF00;--color-primary-hover: #b3e600;--color-background: #0F1113;--color-surface: #1A1D20;--color-surface-light: #24282C;--color-text: #FFFFFF;--color-text-muted: #8E96A4;--color-border: #2C3137;--color-error: #FF4D4D;--font-family: "Lexend", system-ui, -apple-system, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease-in-out}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);margin:0;padding:0;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:600;font-size:16px;border:none;cursor:pointer;transition:transform .1s cubic-bezier(.4,0,.2,1),background-color .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface-light);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:#ccff001a}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease}.card-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-highlight{background:linear-gradient(145deg,#ccff000d,#0f111300);border-color:#cf03}.card-list{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease}.card-list:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;border-color:#ffffff1a}.card-list:active{transform:scale(.98)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{font-size:14px;color:var(--color-text-muted);font-weight:500}.input-field{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-family);font-size:16px;transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ccff001a}.input-field::placeholder{color:var(--color-text-muted)}.input-search{padding-left:40px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%238E96A4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');background-repeat:no-repeat;background-position:12px center}.toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-switch{position:relative;width:44px;height:24px;background-color:var(--color-surface-light);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.toggle-switch.active{background-color:var(--color-primary)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle-switch.active .toggle-knob{transform:translate(20px);background-color:var(--color-background)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#0f1113e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:50}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;font-size:10px;font-weight:500;gap:4px;transition:color .2s ease,transform .1s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer}.bottom-nav-item:active{transform:scale(.92)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40}.logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--color-primary);margin:0}.avatar-container{display:flex;align-items:center;justify-content:center}.avatar{width:36px;height:36px;border-radius:50%;background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);overflow:hidden;border:2px solid var(--color-border)}.avatar svg{width:20px;height:20px}.main-content{flex:1;padding:var(--spacing-md);padding-bottom:calc(80px + env(safe-area-inset-bottom))}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.greeting{font-size:28px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.5px}.subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.stats-card{padding:var(--spacing-lg) var(--spacing-md)}.stats-row{display:flex;align-items:center;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-value{font-size:24px;font-weight:800;color:var(--color-primary)}.stat-label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background-color:var(--color-border)}.cta-container{margin-top:calc(var(--spacing-sm) * -1)}.dashboard-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.empty-state-card{border-style:dashed;border-width:2px;background-color:transparent}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) 0;text-align:center;gap:var(--spacing-xs)}.empty-state-icon{width:32px;height:32px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);opacity:.5}.empty-state-text{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.empty-state-subtext{font-size:14px;color:var(--color-text-muted)}.quote-container{margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}.motivational-quote{font-size:14px;font-style:italic;color:var(--color-text-muted);margin:0}.routines-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.5px}.page-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.routines-empty-state{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.routines-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.routines-icon-wrapper{width:64px;height:64px;border-radius:50%;background-color:#ccff001a;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.routines-icon-wrapper svg{width:32px;height:32px}.empty-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.empty-description{font-size:14px;color:var(--color-text-muted);margin:0;max-width:250px;line-height:1.4;margin-bottom:var(--spacing-md)}.create-routine-btn{width:100%;max-width:200px}.routines-secondary-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.tip-card{border-left:4px solid var(--color-primary)}.tip-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tip-icon{width:18px;height:18px;color:var(--color-primary)}.tip-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.tip-text{font-size:13px;color:var(--color-text-muted);line-height:1.5;margin:0}.import-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.import-text{display:flex;flex-direction:column;gap:4px}.import-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.import-description{font-size:12px;color:var(--color-text-muted);margin:0}.history-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.history-controls{display:flex;gap:var(--spacing-sm);align-items:center}.search-wrapper{flex:1}.filter-btn{padding:12px 16px;flex-shrink:0}.history-highlights{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.history-stat-card{padding:var(--spacing-md)}.pr-highlight{position:relative;overflow:hidden}.pr-highlight:after{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:radial-gradient(circle,#cf03,#cf00 70%);pointer-events:none}.pr-icon-wrapper{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.pr-icon-wrapper svg{width:20px;height:20px}.workout-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workout-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);margin-bottom:0}.workout-info{display:flex;flex-direction:column;gap:6px}.workout-header{display:flex;align-items:center;gap:var(--spacing-sm)}.workout-exercise{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.badge-pr{background-color:#ccff0026;color:var(--color-primary);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.workout-details{display:flex;align-items:center;gap:6px}.detail-item{font-size:13px;color:var(--color-text-muted)}.detail-item.date{color:#8e96a4b3}.detail-dot{font-size:10px;color:var(--color-border)}.analyze-btn{padding:8px 16px;font-size:13px;height:auto}.onboarding-container{display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md) calc(20px + env(safe-area-inset-bottom));background-color:var(--color-background)}.onboarding-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);text-align:center}.onboarding-title{font-size:28px;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.5px}.onboarding-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.unit-options-container{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.unit-option-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.unit-label{font-size:14px;font-weight:600;color:var(--color-text)}.segmented-control{display:flex;background-color:var(--color-surface);border-radius:var(--radius-md);padding:4px;border:1px solid var(--color-border)}.segment-btn{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:600;font-family:var(--font-family);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.segment-btn.active{background-color:var(--color-surface-light);color:var(--color-primary);box-shadow:0 2px 4px #0003}.onboarding-footer{margin-top:auto;padding-top:var(--spacing-xl)}.continue-btn{width:100%}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-background)}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-xs)}.auth-title{font-size:24px;font-weight:700;color:var(--color-text);margin:0}.auth-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.auth-card{width:100%;max-width:400px;padding:var(--spacing-xl) var(--spacing-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{padding:12px;background-color:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:var(--color-error);border-radius:var(--radius-sm);font-size:14px;text-align:center}.auth-toggle{margin-top:var(--spacing-lg);display:flex;gap:8px;align-items:center}.auth-toggle-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-family:var(--font-family);font-size:14px;cursor:pointer;padding:0;transition:color var(--transition-fast)}.auth-toggle-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.wizard-container{display:flex;flex-direction:column;height:100%;min-height:80vh;background-color:var(--color-background)}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.wizard-content{flex:1;display:flex;flex-direction:column}.wizard-step{display:flex;flex-direction:column;flex:1;gap:var(--spacing-md)}.step-title{font-size:24px;font-weight:700;color:var(--color-text);margin:0;margin-bottom:var(--spacing-sm)}.wizard-actions{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-lg)}.wizard-actions button{flex:1}.days-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.day-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:0}.delete-btn{background:none;border:none;color:var(--color-error);font-size:24px;line-height:1;cursor:pointer;opacity:.8}.day-tabs{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.day-tab{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);padding:8px 16px;border-radius:var(--radius-full);white-space:nowrap;font-size:14px;font-weight:600;cursor:pointer}.day-tab.active{background:#ccff001a;color:var(--color-primary);border-color:var(--color-primary)}.exercise-search-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-xs)}.exercise-group{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-sm)}.group-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--color-primary);margin:0 0 4px 4px;letter-spacing:.5px}.search-result-item{padding:12px;background:var(--color-surface);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer}.search-result-item:hover{background:var(--color-surface-light)}.sets-reps-container{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;max-height:60vh}.review-day-title{font-size:16px;color:var(--color-primary);margin:0 0 8px;border-bottom:1px solid var(--color-border);padding-bottom:4px}.set-rep-row{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:8px}.set-rep-name{font-weight:600;font-size:15px}.set-rep-inputs{display:flex;gap:var(--spacing-md)}.input-mini{display:flex;align-items:center;gap:8px}.input-mini label{font-size:12px;color:var(--color-text-muted)}.input-mini input{width:50px;background:var(--color-surface-light);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:4px 8px;text-align:center}.logger-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);padding-bottom:100px}.logger-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.logger-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.logger-card{padding:0;overflow:hidden}.logger-ex-title{font-size:18px;color:var(--color-primary);margin:0;padding:16px;border-bottom:1px solid var(--color-border)}.logger-table-header{display:flex;align-items:center;padding:8px 16px;background-color:var(--color-surface-light);font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.logger-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.logger-row.completed{background-color:#ccff000d}.col-set{width:30px;font-weight:600;color:var(--color-text-muted)}.col-prev{flex:1;font-size:13px;color:var(--color-text-muted);text-align:center}.col-input{width:60px;margin:0 4px}.col-input input{width:100%;background-color:var(--color-surface-light);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:8px;text-align:center;font-family:var(--font-family);font-size:16px;font-weight:600}.col-input input:disabled{opacity:.7;background-color:transparent;border-color:transparent}@keyframes prPop{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.logger-card.pr-achieved{border:1px solid var(--color-primary);box-shadow:0 0 15px #ccff0026;animation:prPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.pr-banner{background-color:#ccff001a;color:var(--color-primary);padding:8px 16px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(204,255,0,.2);animation:fadeIn .3s ease-out forwards}.pr-banner-icon{font-size:16px}.new-pr-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-background);font-size:8px;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:.5px;z-index:5;pointer-events:none}.col-input input.breaking-pr{color:var(--color-background);background-color:var(--color-primary);border-color:var(--color-primary)}.col-check{width:40px;display:flex;justify-content:flex-end}.check-btn{width:32px;height:32px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);border:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.check-btn.checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.add-set-btn{width:100%;padding:12px;background:transparent;border:none;color:var(--color-text-muted);font-weight:600;font-family:var(--font-family);font-size:14px;cursor:pointer;transition:background-color var(--transition-fast)}.add-set-btn:hover{background-color:var(--color-surface-light);color:var(--color-text)}.logger-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md);background-color:#0f1113e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);z-index:50;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.bottom-nav-icon{width:24px;height:24px}.page-wrapper{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%{background-color:var(--color-surface)}50%{background-color:var(--color-surface-light)}to{background-color:var(--color-surface)}}.skeleton-loader{animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:9999;width:90%;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--color-background);font-weight:600;font-size:14px;box-shadow:0 4px 12px #00000080;animation:toastSlideDown .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-success{background-color:var(--color-primary);color:var(--color-background)}.toast-error{background-color:var(--color-error);color:#fff}.toast-info{background-color:var(--color-surface-light);color:var(--color-text);border:1px solid var(--color-border)}.toast-icon{font-size:16px;font-weight:700}.input-error{border-color:var(--color-error)!important;background-color:#ff44440d!important}.error-text{color:var(--color-error);font-size:11px;margin-top:4px;font-weight:500}