@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Archivo+Black&display=swap";.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.onboarding-wizard{max-width:1200px;width:100%;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-steps{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;gap:1rem}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.4;transition:all .3s ease}.step-indicator.active{opacity:1}.step-indicator.completed .step-number{background:linear-gradient(135deg,#26de81,#20bf6b);box-shadow:0 4px 15px #26de8166}.step-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4b6cb7,#182848);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.step-indicator.active .step-number{border-color:var(--accent-color);box-shadow:0 0 20px #3b82f680;transform:scale(1.1)}.step-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.step-indicator.active .step-label{color:var(--text-primary)}.step-line{flex:1;max-width:100px;height:2px;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a)}.onboarding-step{background:linear-gradient(135deg,#1e2749f2,#16213ef2);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.onboarding-title{font-size:2.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.onboarding-subtitle{text-align:center;font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.welcome-step{text-align:center;max-width:700px;margin:0 auto}.welcome-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-content{margin:2rem 0;text-align:left}.welcome-content>p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.welcome-features{display:flex;flex-direction:column;gap:1rem}.welcome-feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.welcome-feature:hover{background:#ffffff14;transform:translate(5px)}.feature-icon{font-size:2rem}.feature-text{font-size:1.125rem;color:var(--text-primary)}.goal-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.goal-tier-card{position:relative;background:linear-gradient(135deg,#1e2749cc,#16213ecc);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;cursor:pointer;transition:all .3s ease;overflow:hidden}.goal-tier-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--tier-color) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.goal-tier-card:hover{transform:translateY(-5px);border-color:var(--tier-color);box-shadow:0 10px 30px #0000004d}.goal-tier-card:hover:before{opacity:.1}.goal-tier-card.selected{border-color:var(--tier-color);background:linear-gradient(135deg,#1e2749,#16213e);box-shadow:0 0 30px #fff3,inset 0 0 30px var(--tier-color)}.goal-tier-card.selected:before{opacity:.15}.tier-badge{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tier-icon{font-size:2.5rem}.tier-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.tier-difficulty{font-size:.875rem;color:var(--tier-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.tier-goals{display:flex;flex-direction:column;gap:.75rem}.tier-goal{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.tier-goal:last-child{border-bottom:none}.goal-label{font-size:.875rem;color:var(--text-secondary)}.goal-value{font-size:1.125rem;font-weight:700;color:var(--tier-color)}.character-classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.character-card{position:relative;background:linear-gradient(135deg,#1e2749cc,#16213ecc);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.character-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--class-color) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.character-card:hover{transform:translateY(-5px);border-color:var(--class-color);box-shadow:0 10px 30px #0000004d}.character-card:hover:before{opacity:.1}.character-card.selected{border-color:var(--class-color);background:linear-gradient(135deg,#1e2749,#16213e);box-shadow:0 0 30px var(--class-color)}.character-card.selected:before{opacity:.15}.character-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.character-icon{font-size:3rem;filter:drop-shadow(0 0 10px var(--class-color))}.character-info{flex:1}.character-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.character-tagline{font-size:.875rem;color:var(--class-color);font-weight:600;text-transform:uppercase;letter-spacing:1px}.character-description{font-size:1rem;color:var(--text-primary);line-height:1.6;margin-bottom:.5rem}.character-narrative{font-size:.875rem;color:var(--text-secondary);font-style:italic;line-height:1.6;padding:1rem;background:#0003;border-left:3px solid var(--class-color);border-radius:5px}.character-volume{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.volume-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.volume-schemes{display:flex;gap:1rem;margin-bottom:.5rem}.volume-scheme{display:flex;gap:.5rem;align-items:baseline}.scheme-type{font-size:.75rem;color:var(--text-secondary)}.scheme-value{font-size:1rem;font-weight:700;color:var(--class-color);font-family:Courier New,monospace}.volume-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.selection-check{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#26de81,#20bf6b);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #26de8166;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.onboarding-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.onboarding-btn,.onboarding-actions .btn{min-width:150px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:10px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}@media(max-width:768px){.onboarding-container{padding:1rem}.onboarding-step{padding:2rem 1.5rem}.onboarding-title{font-size:2rem}.onboarding-subtitle{font-size:1rem}.onboarding-steps{margin-bottom:2rem}.step-number{width:40px;height:40px;font-size:1rem}.step-label{font-size:.75rem}.step-line{max-width:50px}.welcome-icon{font-size:4rem}.goal-tiers-grid,.character-classes-grid{grid-template-columns:1fr}.character-card{padding:1.5rem}.character-icon{font-size:2.5rem}.character-name{font-size:1.25rem}.onboarding-actions{flex-direction:column}.onboarding-btn,.onboarding-actions .btn{width:100%}}@media(max-width:480px){.onboarding-title{font-size:1.5rem}.welcome-icon{font-size:3rem}.tier-icon,.character-icon{font-size:2rem}.tier-name,.character-name{font-size:1.125rem}}:root{--powerup-gold: #ffd700;--powerup-silver: #c0c0c0;--powerup-bronze: #cd7f32;--level-glow: #00ff88}@keyframes powerupUnlock{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes levelUp{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes xpPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes badgeEarn{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.powerups-preview{margin-top:2rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:2px dashed var(--border);border-radius:12px;padding:2rem;position:relative;overflow:hidden}.powerups-preview:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.05),transparent);animation:shimmer 3s infinite}.powerups-preview-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.powerups-preview-icon{font-size:3rem;opacity:.6;animation:lockPulse 2s infinite}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.powerups-preview-content{flex:1}.powerups-preview-title{font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase}.powerups-preview-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.powerups-preview-progress{display:inline-block;background:var(--bg-primary);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;color:var(--accent)}.powerups-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.powerup-preview-card{background:var(--bg-secondary);border:2px solid var(--theme-color, var(--border));border-radius:8px;padding:1rem;text-align:center;position:relative;overflow:hidden;opacity:.7;filter:blur(1px) grayscale(.3);transition:all .3s}.powerup-preview-card:hover{opacity:.9;filter:blur(.5px) grayscale(.1);transform:translateY(-2px)}.powerup-preview-card:before{content:"🔒";position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;opacity:.5}.powerup-preview-name{font-size:1rem;font-weight:700;color:var(--theme-color, var(--text-primary));margin-bottom:.5rem}.powerup-preview-xp{font-family:Archivo Black,sans-serif;font-size:1.2rem;color:var(--powerup-gold);opacity:.8}.powerups-section{margin-top:2rem;animation:powerupUnlock .5s ease-out}.powerups-unlock-header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:2rem;position:relative;overflow:hidden}.powerups-unlock-header:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.powerups-unlock-title{font-family:Archivo Black,sans-serif;font-size:2rem;margin-bottom:.5rem;text-transform:uppercase;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.powerups-unlock-subtitle{color:#ffffffe6;font-size:.9rem}.powerup-card{background:var(--bg-card);border:2px solid var(--theme-color, var(--accent));border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d,0 0 20px var(--theme-color, var(--accent)) 40;transition:transform .2s,box-shadow .2s}.powerup-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0006,0 0 30px var(--theme-color, var(--accent)) 60}.powerup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--theme-color),transparent)}.powerup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.powerup-title-section{flex:1}.powerup-title{font-family:Archivo Black,sans-serif;font-size:1.5rem;margin-bottom:.25rem;color:var(--theme-color, var(--accent));text-transform:uppercase;letter-spacing:-.5px}.powerup-description{color:var(--text-secondary);font-size:.85rem;font-style:italic}.powerup-xp-badge{background:linear-gradient(135deg,var(--powerup-gold),#ffed4e);padding:.75rem 1rem;border-radius:8px;text-align:center;min-width:70px;box-shadow:0 2px 8px #ffd70066;border:2px solid #ffed4e}.xp-value{font-family:Archivo Black,sans-serif;font-size:1.5rem;color:#1a2142;line-height:1}.xp-label{font-size:.7rem;font-weight:700;color:#1a2142;text-transform:uppercase;letter-spacing:.05em}.powerup-exercises{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.powerup-exercise{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:all .2s}.powerup-exercise.completed{border-color:var(--theme-color, var(--accent));background:linear-gradient(90deg,var(--bg-secondary),var(--theme-color)10)}.exercise-check-row{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem}.exercise-checkbox{flex-shrink:0;width:32px;height:32px;border:2px solid var(--border);border-radius:6px;background:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.2rem}.exercise-checkbox:hover{border-color:var(--theme-color, var(--accent));transform:scale(1.1)}.powerup-exercise.completed .exercise-checkbox{background:var(--theme-color, var(--accent));border-color:var(--theme-color, var(--accent))}.checkmark{color:var(--bg-primary);font-weight:700;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.exercise-info{flex:1}.exercise-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.exercise-name{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.exercise-xp{color:var(--powerup-gold);font-weight:700;font-size:.9rem;white-space:nowrap}.exercise-sets{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.exercise-hint{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:.25rem}.exercise-notes{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:.5rem;color:var(--text-primary);font-family:Space Mono,monospace;font-size:.85rem;resize:vertical;min-height:36px}.exercise-notes:focus{outline:none;border-color:var(--theme-color, var(--accent))}.powerup-complete-btn{width:100%;padding:1rem 2rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);font-family:Space Mono,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.powerup-complete-btn:disabled{opacity:.5;cursor:not-allowed}.powerup-complete-btn.ready{background:linear-gradient(135deg,var(--accent),#00d4ff);border-color:var(--accent);color:var(--bg-primary);animation:xpPulse 2s infinite}.powerup-complete-btn.ready:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--accent) 60}.btn-icon{font-size:1.5rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progression-container{background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:2px solid var(--level-glow);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 0 20px var(--level-glow) 30}.progression-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.level-display{text-align:center}.level-number{font-family:Archivo Black,sans-serif;font-size:2.5rem;color:var(--level-glow);line-height:1;text-shadow:0 0 10px var(--level-glow)80;animation:levelUp 3s infinite}.level-title{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.progression-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{font-size:1.5rem}.stat-value{font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--accent);line-height:1}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.xp-bar-container{margin-bottom:1.5rem}.xp-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.xp-bar-bg{height:24px;background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#00d4ff);transition:width .5s ease-out;position:relative;overflow:hidden}.xp-bar-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.badges-container{border-top:1px solid var(--border);padding-top:1rem}.badges-title{font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.badge-item{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;padding:.75rem .5rem;text-align:center;transition:all .2s}.badge-item.earned{border-color:var(--powerup-gold);background:linear-gradient(135deg,var(--bg-secondary),var(--powerup-gold)20);animation:badgeEarn .5s ease-out}.badge-item.locked{opacity:.3;filter:grayscale(1)}.badge-icon{font-size:2rem;margin-bottom:.25rem}.badge-name{font-size:.7rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.badge-item.earned .badge-name{color:var(--powerup-gold)}@media(max-width:768px){.powerups-preview{padding:1.5rem 1rem}.powerups-preview-header{flex-direction:column;align-items:flex-start;gap:1rem}.powerups-preview-icon{font-size:2rem}.powerups-preview-title{font-size:1.2rem}.powerups-preview-grid{grid-template-columns:1fr}.powerup-header{flex-direction:column;align-items:stretch}.powerup-xp-badge{align-self:flex-end}.progression-header{flex-direction:column;align-items:stretch}.level-display{text-align:left}.progression-stats{justify-content:space-around}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.powerup-title{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e27;--bg-secondary: #151b3d;--bg-card: #1a2142;--accent: #00ff88;--accent-dim: #00cc6a;--text-primary: #e8ecff;--text-secondary: #8892b0;--border: #2d3558;--danger: #ff4757;--warning: #ffa502}body{font-family:Space Mono,monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;width:100%;margin:0;padding:0}.app{max-width:1400px;margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.app{padding:2rem 1rem}}.header{text-align:center;margin-bottom:3rem;position:relative}.header:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}h1{font-family:Archivo Black,sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em;margin-bottom:.5rem;text-transform:uppercase;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.15em}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}@media(min-width:640px){.goals-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem 1rem;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.goal-card:hover{transform:translateY(-2px);border-color:var(--accent)}.goal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.goal-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.goal-weight{font-size:2rem;font-weight:700;color:var(--accent);font-family:Archivo Black,sans-serif}.goal-unit{font-size:.9rem;color:var(--text-secondary);margin-left:.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-family:Space Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tab:hover{border-color:var(--accent)}.tab.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.5rem;animation:slideIn .3s ease-out}@media(min-width:640px){.card{padding:2rem;margin-bottom:2rem}}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--accent);font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.9rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=number]{font-weight:700;font-size:1.1rem}.btn{background:var(--accent);color:var(--bg-primary);border:none;padding:.875rem 2rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.btn:hover{background:var(--accent-dim);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#ff6b7a}.workout-day{background:var(--bg-secondary);border-left:3px solid var(--accent);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.day-header{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.exercise-list{display:flex;flex-direction:column;gap:.75rem}.exercise-item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:center;padding:.75rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.exercise-name{font-weight:700;color:var(--text-primary)}.exercise-sets{color:var(--text-secondary);font-size:.85rem}.exercise-weight{font-weight:700;color:var(--accent);text-align:right}.log-entry{display:grid;grid-template-columns:100px 80px 2fr 1fr 80px auto;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:6px;margin-bottom:.5rem;border-left:3px solid transparent;transition:border-color .2s}.log-entry.success{border-left-color:var(--accent)}.log-entry.fail{border-left-color:var(--danger)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--accent);color:var(--bg-primary)}.badge-fail{background:var(--danger);color:#fff}.badge-week{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem 1rem;max-width:450px;width:100%}@media(min-width:640px){.auth-card{padding:3rem 2rem}}.auth-title{font-family:Archivo Black,sans-serif;font-size:2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-toggle{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.auth-link{color:var(--accent);cursor:pointer;text-decoration:underline}.auth-link:hover{color:var(--accent-dim)}.error-message{background:var(--danger);color:#fff;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.user-info{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--border)}.user-email{color:var(--text-secondary);font-size:.9rem}.today-workout{background:var(--bg-secondary);border:2px solid var(--accent);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.today-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.today-title{font-size:1.2rem;font-weight:700;color:var(--accent);text-transform:uppercase}.today-date{color:var(--text-secondary);font-size:.85rem}.exercise-log-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:border-color .2s}.exercise-log-item:hover{border-color:var(--accent)}.exercise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exercise-title{font-weight:700;font-size:1.1rem}.exercise-target{text-align:right}.target-weight{font-size:1.2rem;font-weight:700;color:var(--accent)}.target-sets{font-size:.85rem;color:var(--text-secondary)}.quick-log-form{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.quick-log-form .form-group{flex:1;min-width:120px}.quick-log-form .btn{padding:.75rem 1.5rem}@media(max-width:768px){.header{margin-bottom:1.5rem}.subtitle{font-size:.75rem}.exercise-item,.log-entry{grid-template-columns:1fr;gap:.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.quick-log-form{flex-direction:column}.quick-log-form .form-group{width:100%}.tabs{gap:.25rem}.tab{padding:.6rem 1rem;font-size:.75rem}.workout-day{padding:1rem}.card-title{font-size:1.2rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing{min-height:100vh;width:100%}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.landing-nav{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.landing-logo{font-family:Archivo Black,sans-serif;font-size:1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-btn-desktop{display:none}@media(min-width:768px){.nav-btn-desktop{display:inline-flex}}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}@media(min-width:768px){.hamburger{display:none}}.hamburger-line{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s ease,opacity .3s ease,background .3s ease}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:60px 0 0;background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1.5rem;transform:translateY(-20px);opacity:0;transition:transform .3s ease .1s,opacity .3s ease .1s}.mobile-menu.open .mobile-menu-content{transform:translateY(0);opacity:1}.mobile-menu:not(.open) .mobile-menu-content{transition:transform .2s ease,opacity .2s ease}@media(min-width:768px){.mobile-menu{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 1.5rem 4rem;text-align:center;gap:3rem}@media(min-width:768px){.hero{flex-direction:row;text-align:left;padding:8rem 2rem 4rem;gap:4rem}}.hero-content{max-width:600px}.hero-title{margin-bottom:1.5rem}.hero-numbers{display:block;font-family:Archivo Black,sans-serif;font-size:clamp(3rem,10vw,6rem);background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.hero-subtitle-text{display:block;font-family:Space Mono,monospace;font-size:clamp(1rem,3vw,1.5rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:400}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.btn-large{padding:1rem 2.5rem;font-size:1rem}.hero-visual{display:flex;justify-content:center}.plate-stack{display:flex;flex-direction:column;gap:.75rem}.plate{display:flex;align-items:center;justify-content:center;font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--bg-primary);border-radius:8px;transition:transform .3s,box-shadow .3s}.plate:hover{transform:translate(10px)}.plate-4{width:200px;height:60px;background:linear-gradient(135deg,var(--accent),#00cc6a);box-shadow:0 4px 20px #00ff884d}.plate-3{width:170px;height:55px;background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 4px 20px #00d4ff4d}.plate-2{width:140px;height:50px;background:linear-gradient(135deg,#ffa502,#cc8400);box-shadow:0 4px 20px #ffa5024d}.plate-1{width:110px;height:45px;background:linear-gradient(135deg,#ff4757,#cc3945);box-shadow:0 4px 20px #ff47574d}.app-preview{padding:5rem 1.5rem;background:var(--bg-primary)}.preview-container{max-width:600px;margin:0 auto;perspective:1000px}.preview-window{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #0006}@media(min-width:640px){.preview-window{padding:2rem}}.preview-header{text-align:center;margin-bottom:1.5rem}.preview-title{font-family:Archivo Black,sans-serif;font-size:1.5rem;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.preview-subtitle{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.preview-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.preview-goal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.75rem .5rem;text-align:center}.preview-goal-label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem}.preview-goal-value{display:block;font-family:Archivo Black,sans-serif;font-size:1.1rem;color:var(--accent)}@media(min-width:640px){.preview-goal{padding:1rem .75rem}.preview-goal-label{font-size:.65rem}.preview-goal-value{font-size:1.25rem}}.preview-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;overflow-x:auto}.preview-tab{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;border-radius:4px;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.preview-tab.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:700}@media(min-width:640px){.preview-tab{padding:.5rem 1rem;font-size:.7rem}}.preview-workout{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;padding:1rem}@media(min-width:640px){.preview-workout{padding:1.25rem}}.preview-workout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.preview-day{font-weight:700;color:var(--accent);font-size:.85rem;text-transform:uppercase}.preview-date{color:var(--text-secondary);font-size:.75rem}.preview-exercise{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem}.preview-exercise:last-child{margin-bottom:0}.preview-exercise-info{display:flex;flex-direction:column;gap:.25rem}.preview-exercise-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.preview-exercise-sets{font-size:.75rem;color:var(--text-secondary)}.preview-exercise-weight{font-weight:700;color:var(--accent);font-size:.95rem}.preview-carousel{overflow:hidden}.preview-slides{display:flex;transition:transform .4s ease-out}.preview-slide{min-width:100%;flex-shrink:0}.preview-badge{background:var(--accent);color:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.preview-badge-secondary{background:#00d4ff}.preview-carousel-controls{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.preview-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:background .2s,transform .2s;padding:0}.preview-dot:hover{background:var(--text-secondary)}.preview-dot.active{background:var(--accent);transform:scale(1.2)}.preview-carousel-labels{display:flex;justify-content:center;gap:2rem;margin-top:.75rem}.preview-carousel-labels span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .2s;cursor:pointer}.preview-carousel-labels span.active{color:var(--accent)}.preview-carousel-labels span:hover{color:var(--text-primary)}.preview-powerups{background:var(--bg-secondary);border:2px solid #fed330;border-radius:8px;padding:1rem}@media(min-width:640px){.preview-powerups{padding:1.25rem}}.preview-powerups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.preview-powerups-title{font-weight:700;color:#fed330;font-size:.85rem;text-transform:uppercase}.preview-xp-badge{background:linear-gradient(135deg,#fed330,#f7b731);color:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700}.preview-powerup-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid;border-radius:6px;padding:.75rem;margin-bottom:.5rem}.preview-powerup-card:last-child{margin-bottom:0}.preview-powerup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.preview-powerup-name{font-weight:700;font-size:.8rem;color:var(--text-primary)}.preview-powerup-xp{font-size:.65rem;color:#fed330;font-weight:700}.preview-powerup-exercises{display:flex;flex-direction:column;gap:.25rem}.preview-powerup-exercise{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.features{padding:5rem 1.5rem;background:var(--bg-secondary)}.section-title{font-family:Archivo Black,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);text-align:center;margin-bottom:3rem;color:var(--text-primary);text-transform:uppercase}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-family:Archivo Black,sans-serif;font-size:1.1rem;margin-bottom:.75rem;color:var(--accent);text-transform:uppercase}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.how-it-works{padding:5rem 1.5rem;max-width:1200px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.step{text-align:center;padding:1.5rem}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--accent),#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--bg-primary);margin:0 auto 1.5rem}.step h3{font-family:Archivo Black,sans-serif;font-size:1rem;margin-bottom:.75rem;color:var(--text-primary);text-transform:uppercase}.step p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.cta-section{padding:5rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.cta-section h2{font-family:Archivo Black,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.landing-footer{padding:3rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border);text-align:center}.footer-logo{font-family:Archivo Black,sans-serif;font-size:1.25rem;background:linear-gradient(135deg,var(--accent) 0%,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.landing-footer p{color:var(--text-secondary);font-size:.85rem}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem 1.5rem;max-width:450px;width:100%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.modal-content{padding:2.5rem 2rem}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}