@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: rgba(26, 26, 37, .8);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #8b5cf6;--accent-secondary: #a78bfa;--accent-glow: rgba(139, 92, 246, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-bg: radial-gradient(ellipse at top, #1a1a25 0%, #0a0a0f 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-sans);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px var(--accent-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-full)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-gradient{background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 var(--space-md)}}.home-page{min-height:100vh}.home-hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.home-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.08) 0%,transparent 60%);animation:gradient-shift 10s ease infinite;background-size:200% 200%}.home-hero .container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.home-hero__content{animation:fade-in .8s ease-out}.home-hero__badge{display:inline-block;padding:var(--space-sm) var(--space-md);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--accent-secondary);margin-bottom:var(--space-lg)}.home-hero__title{font-size:4rem;line-height:1.1;margin-bottom:var(--space-lg)}.home-hero__subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl);max-width:500px}.home-hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.home-hero__visual{display:flex;justify-content:center;align-items:center;animation:fade-in 1s ease-out .3s backwards}.home-hero__face-icon{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.home-hero__face-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(139,92,246,.3);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite}.home-hero__face-ring--2{width:80%;height:80%;border-color:#ec48994d;animation-delay:.5s}.home-hero__face-ring--3{width:60%;height:60%;border-color:#06b6d44d;animation-delay:1s}.home-hero__face-emoji{font-size:6rem;animation:float 4s ease-in-out infinite}.home-features{padding:var(--space-3xl) 0;background:#0000004d}.home-features__title{margin-bottom:var(--space-2xl)}.home-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.feature-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:var(--shadow-lg)}.feature-card__icon{font-size:3rem;margin-bottom:var(--space-md)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--space-sm)}.feature-card p{color:var(--text-secondary);font-size:.9375rem;margin:0}.home-benefits{padding:var(--space-3xl) 0}.home-benefits__content{max-width:600px;margin:0 auto;text-align:center}.home-benefits__content h2{margin-bottom:var(--space-xl)}.home-benefits__list{list-style:none;padding:0;margin:0 0 var(--space-xl);text-align:left}.home-benefits__list li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:1.0625rem}.home-benefits__check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#10b98126;color:var(--success);border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0}.home-footer{padding:var(--space-xl) 0;border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 900px){.home-hero .container{grid-template-columns:1fr;text-align:center}.home-hero__title{font-size:2.75rem}.home-hero__subtitle{margin-left:auto;margin-right:auto}.home-hero__actions{justify-content:center}.home-hero__visual{order:-1}.home-hero__face-icon{width:200px;height:200px}.home-hero__face-emoji{font-size:4rem}}.exercise-list-page{min-height:100vh;padding-bottom:var(--space-3xl)}.exercise-list-header{padding:var(--space-xl) 0;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:var(--space-xl)}.exercise-list-header h1{margin:var(--space-md) 0 var(--space-sm)}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-secondary)}.exercise-list-actions{margin-bottom:var(--space-2xl)}.full-routine-btn{width:100%;max-width:400px;display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.full-routine-badge{background:#fff3;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.exercise-list-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.exercise-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:inherit;transition:all var(--transition-base);animation:fade-in .5s ease-out backwards}.exercise-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:var(--shadow-glow)}.exercise-card:hover .exercise-card__arrow{transform:translate(4px);color:var(--accent-primary)}.exercise-card__icon{font-size:3rem;line-height:1;flex-shrink:0}.exercise-card__content{flex:1;min-width:0}.exercise-card__content h3{font-size:1.125rem;margin:0 0 var(--space-xs)}.exercise-card__target{font-size:.8125rem;color:var(--accent-secondary);font-weight:500;margin:0 0 var(--space-sm)}.exercise-card__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exercise-card__meta{display:flex;gap:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.exercise-card__arrow{font-size:1.25rem;color:var(--text-muted);transition:all var(--transition-base);flex-shrink:0}@media (max-width: 640px){.exercise-grid{grid-template-columns:1fr}}.face-camera{position:relative;width:100%;aspect-ratio:16 / 9;max-height:70vh;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.face-camera--loading,.face-camera--ready,.face-camera--error{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px dashed rgba(255,255,255,.1)}.face-camera__message{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-2xl);animation:fade-in .5s ease-out}.face-camera__message h3{color:var(--text-primary);margin:0}.face-camera__message p{color:var(--text-secondary);margin:0}.face-camera__icon{font-size:4rem;animation:float 3s ease-in-out infinite}.face-camera--active{border:2px solid rgba(139,92,246,.3);box-shadow:var(--shadow-glow)}.face-camera__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);position:absolute;top:0;left:0;z-index:1}.face-camera__canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1);z-index:2}.face-camera__status{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.face-camera__status--detected{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.face-camera__status--searching{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3);animation:pulse-glow 2s ease-in-out infinite}.face-camera__controls{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:10;background:#00000080;padding:var(--space-xs);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.face-camera__select{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;outline:none}.face-camera__select:focus{border-color:var(--primary)}.exercise-guide{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.exercise-guide--active{border-color:#8b5cf64d}.exercise-guide__header{display:flex;align-items:center;gap:var(--space-md)}.exercise-guide__icon{font-size:3rem;line-height:1}.exercise-guide__title h2{font-size:1.5rem;margin:0;color:var(--text-primary)}.exercise-guide__target{font-size:.875rem;color:var(--accent-secondary);font-weight:500}.exercise-guide__description{color:var(--text-secondary);margin:0;line-height:1.6}.exercise-guide__instructions{background:#ffffff08;border-radius:var(--radius-md);padding:var(--space-md)}.exercise-guide__instructions h4{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.exercise-guide__instructions ol{margin:0;padding-left:var(--space-lg);color:var(--text-secondary)}.exercise-guide__instructions li{margin-bottom:var(--space-xs)}.exercise-guide__progress{display:flex;flex-direction:column;gap:var(--space-sm)}.exercise-guide__reps{display:flex;align-items:baseline;gap:var(--space-xs)}.exercise-guide__reps-current{font-size:2.5rem;font-weight:700;font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exercise-guide__reps-divider{font-size:1.5rem;color:var(--text-muted)}.exercise-guide__reps-total{font-size:1.5rem;color:var(--text-secondary);font-weight:600}.exercise-guide__reps-label{font-size:.875rem;color:var(--text-muted);margin-left:var(--space-xs)}.exercise-guide__feedback{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base)}.exercise-guide__feedback--active{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.exercise-guide__indicator{width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:all var(--transition-base)}.exercise-guide__indicator--on{background:var(--success);box-shadow:0 0 10px var(--success)}.exercise-guide__meter{display:flex;flex-direction:column;gap:var(--space-xs)}.exercise-guide__meter-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.exercise-guide__meter-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.exercise-guide__meter-fill{height:100%;background:var(--gradient-secondary);border-radius:var(--radius-full);transition:width .1s ease-out}.exercise-guide__complete{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:linear-gradient(135deg,#10b98133,#8b5cf633);border-radius:var(--radius-md);font-size:1.25rem;font-weight:600;color:var(--success);animation:scale-in .3s ease-out}.exercise-guide__complete span:first-child{font-size:2rem}.workout-page{min-height:100vh;display:flex;flex-direction:column}.workout-page--complete{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(139,92,246,.1) 0%,transparent 70%)}.workout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg-secondary)}.workout-progress-indicator{display:flex;align-items:center;gap:var(--space-md);font-size:.875rem;color:var(--text-secondary)}.workout-progress-bar{width:120px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.workout-progress-bar__fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.workout-main{flex:1;display:grid;grid-template-columns:1fr 380px;gap:var(--space-lg);padding:var(--space-lg);max-height:calc(100vh - 60px)}.workout-camera-section{display:flex;align-items:center;justify-content:center;min-height:0}.workout-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto}.workout-controls{display:flex;gap:var(--space-md);justify-content:center}.workout-controls .btn:disabled{opacity:.3;cursor:not-allowed}.workout-complete{text-align:center;padding:var(--space-3xl);animation:scale-in .5s ease-out}.workout-complete__emoji{font-size:6rem;display:block;margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}.workout-complete h1{font-size:3rem;margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workout-complete p{font-size:1.125rem;margin-bottom:var(--space-xl)}.workout-complete__stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.stat{text-align:center}.stat__value{display:block;font-size:3rem;font-weight:700;font-family:var(--font-display);color:var(--accent-primary)}.stat__label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.workout-complete__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media (max-width: 900px){.workout-main{grid-template-columns:1fr;grid-template-rows:1fr auto;max-height:none}.workout-camera-section{max-height:50vh}.workout-sidebar{overflow:visible}}@media (max-width: 640px){.workout-header{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.workout-main{padding:var(--space-md)}.workout-complete h1,.stat__value{font-size:2rem}}