:root{--tierra:#1c1209;--verde-oscuro:#1a2e1c;--verde:#2d5a30;--verde-claro:#4a8c4e;--verde-suave:#a8c5a0;--crema:#f5f0e8;--crema2:#ede5d4;--coral:#d4856a;--coral-suave:#d4856a1f;--dorado:#c9a84c;--blanco:#fdfaf5;--texto:#1c1209;--muted:#6b5e4e;--linea:#ddd5c4;--verde-glow:#2d5a3014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--crema);color:var(--texto);max-width:420px;min-height:100vh;margin:0 auto;font-family:DM Sans,sans-serif;position:relative}.screen{flex-direction:column;min-height:100vh;display:none}.screen.active{display:flex}#screen-splash{background:var(--verde-oscuro);text-align:center;justify-content:center;align-items:center;padding:40px 32px}.splash-orb{background:radial-gradient(circle at 35% 35%,#4a8c4e,#1a2e1c);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 28px;font-size:2.5rem;animation:3s ease-in-out infinite breathe;display:flex;box-shadow:0 0 60px #4a8c4e4d}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 40px #4a8c4e33}50%{transform:scale(1.05);box-shadow:0 0 80px #4a8c4e66}}.splash-brand{color:var(--crema);letter-spacing:.08em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:300}.splash-sub{text-transform:uppercase;letter-spacing:.2em;color:var(--verde-suave);margin-bottom:48px;font-size:.72rem;font-weight:500}.splash-tagline{color:#f5f0e8b3;margin-bottom:48px;font-family:Outfit,sans-serif;font-size:1.2rem;font-style:italic;line-height:1.5}.btn-splash{background:var(--coral);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:16px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.btn-splash:hover{background:#c07560;transform:translateY(-1px)}.btn-splash-outline{width:100%;color:var(--verde-suave);cursor:pointer;background:0 0;border:1px solid #a8c5a04d;border-radius:14px;padding:14px;font-family:DM Sans,sans-serif;font-size:.85rem}#screen-onboarding{background:var(--blanco);padding:0}.onboard-header{background:var(--verde-oscuro);padding:56px 28px 32px;position:relative}.onboard-back{cursor:pointer;width:36px;height:36px;color:var(--crema);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:20px;left:20px}.progress-bar{background:#ffffff26;border-radius:10px;height:3px;margin-bottom:24px;overflow:hidden}.progress-fill{background:var(--coral);border-radius:10px;height:100%;transition:width .4s}.onboard-step-label{text-transform:uppercase;letter-spacing:.12em;color:var(--verde-suave);margin-bottom:8px;font-size:.65rem;font-weight:600}.onboard-question{color:var(--crema);font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:300;line-height:1.25}.onboard-question em{color:var(--coral);font-style:italic}.onboard-body{flex:1;padding:28px 24px;overflow-y:auto}.option-card{background:var(--blanco);border:1.5px solid var(--linea);cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .2s;display:flex}.option-card:hover{border-color:var(--verde-claro)}.option-card.selected{border-color:var(--verde);background:var(--verde-glow)}.option-icon{background:var(--crema2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;transition:background .2s;display:flex}.option-card.selected .option-icon{background:#2d5a301f}.option-text{flex:1}.option-title{margin-bottom:2px;font-size:.88rem;font-weight:600}.option-desc{color:var(--muted);font-size:.72rem;line-height:1.4}.option-check{border:2px solid var(--linea);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:all .2s;display:flex}.option-card.selected .option-check{background:var(--verde);border-color:var(--verde);color:#fff}.onboard-footer{border-top:1px solid var(--linea);background:var(--blanco);padding:16px 24px 32px}.btn-next{background:var(--verde);color:#fff;cursor:pointer;opacity:.4;pointer-events:none;border:none;border-radius:14px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.btn-next.enabled{opacity:1;pointer-events:all}.btn-next.enabled:hover{background:#245c27}#screen-generating{background:var(--verde-oscuro);text-align:center;justify-content:center;align-items:center;padding:40px 32px}.gen-orb{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 32px;display:flex;position:relative}.gen-orb-ring{border:2px solid #0000;border-top-color:var(--coral);border-right-color:var(--verde-claro);border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.gen-orb-inner{background:radial-gradient(circle at 35% 35%,#4a8c4e,#1a2e1c);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.2rem;display:flex}.gen-title{color:var(--crema);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:300;line-height:1.2}.gen-title em{color:var(--coral);font-style:italic}.gen-sub{color:var(--verde-suave);margin-bottom:36px;font-size:.8rem}.gen-steps{text-align:left;flex-direction:column;gap:10px;display:flex}.gen-step{color:#f5f0e880;align-items:center;gap:12px;font-size:.8rem;transition:color .3s;display:flex}.gen-step.active{color:var(--crema)}.gen-step.done{color:var(--verde-suave)}.gen-step-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.gen-step.active .gen-step-dot{background:var(--coral);animation:.8s infinite blink}.gen-step.done .gen-step-dot{background:var(--verde-claro)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#screen-dashboard{background:var(--crema);flex-direction:column}.dash-header{background:var(--verde-oscuro);padding:52px 24px 28px}.dash-greeting{text-transform:uppercase;letter-spacing:.1em;color:var(--verde-suave);margin-bottom:4px;font-size:.72rem;font-weight:500}.dash-name{color:var(--crema);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:300}.dash-name em{color:var(--coral);font-style:italic}.streak-pill{color:var(--dorado);background:#c9a84c26;border:1px solid #c9a84c4d;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.dash-body{flex:1;padding:20px 20px 100px;overflow-y:auto}.today-card{background:var(--verde);border-radius:18px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.today-card:before{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.today-label{text-transform:uppercase;letter-spacing:.1em;color:#f5f0e899;margin-bottom:6px;font-size:.62rem;font-weight:600}.today-title{color:var(--crema);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:300;line-height:1.3}.today-desc{color:#f5f0e8b3;margin-bottom:16px;font-size:.75rem;line-height:1.5}.today-stats{gap:16px;margin-bottom:16px;display:flex}.today-stat{text-align:center}.today-stat-val{color:var(--crema);font-size:1.1rem;font-weight:700;line-height:1}.today-stat-label{color:#f5f0e899;text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.btn-today{background:var(--crema);width:100%;color:var(--verde);cursor:pointer;border:none;border-radius:10px;padding:13px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.btn-today:hover{background:#fff}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin-top:20px;margin-bottom:12px;font-size:.65rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--linea);flex:1;height:1px}.week-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:4px;display:grid}.week-day{flex-direction:column;align-items:center;gap:4px;display:flex}.week-day-label{color:var(--muted);text-transform:uppercase;font-size:.55rem;font-weight:600}.week-day-dot{background:var(--crema2);border:1.5px solid var(--linea);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:flex}.week-day-dot.done{background:var(--verde);border-color:var(--verde);color:#fff}.week-day-dot.today{border-color:var(--coral);color:var(--coral);font-weight:700}.exercise-scroll{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.exercise-scroll::-webkit-scrollbar{display:none}.exercise-card{background:var(--blanco);border:1px solid var(--linea);cursor:pointer;border-radius:14px;flex-shrink:0;min-width:150px;padding:14px;transition:all .2s}.exercise-card:hover{border-color:var(--verde-claro);transform:translateY(-2px)}.exercise-card.done-card{border-color:var(--verde-claro);background:var(--verde-glow)}.ex-thumb{aspect-ratio:1;background:linear-gradient(135deg, var(--verde-oscuro), var(--verde));border-radius:10px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;font-size:1.8rem;display:flex;position:relative}.ex-play{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex;position:absolute;bottom:6px;right:6px}.ex-name{margin-bottom:2px;font-size:.78rem;font-weight:600}.ex-meta{color:var(--muted);font-size:.65rem}.ex-done-badge{background:var(--verde-glow);color:var(--verde);border-radius:8px;margin-top:5px;padding:2px 7px;font-size:.6rem;font-weight:600;display:inline-block}.recipe-card{background:var(--blanco);border:1px solid var(--linea);cursor:pointer;border-radius:14px;align-items:center;gap:0;margin-bottom:10px;transition:all .2s;display:flex;overflow:hidden}.recipe-thumb{background:linear-gradient(135deg,#2d5a30,#c9a84c);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;display:flex}.recipe-info{flex:1;padding:12px}.recipe-name{margin-bottom:2px;font-size:.82rem;font-weight:600}.recipe-meta{color:var(--muted);margin-bottom:5px;font-size:.7rem}.recipe-tags{flex-wrap:wrap;gap:4px;display:flex}.recipe-tag{border-radius:8px;padding:2px 7px;font-size:.6rem;font-weight:600}.tag-verde{background:var(--verde-glow);color:var(--verde)}.coach-card{background:var(--verde-oscuro);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:16px;display:flex}.coach-avatar{background:radial-gradient(circle at 35% 35%,#4a8c4e,#1a2e1c);border:2px solid #4a8c4e66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.coach-text{flex:1}.coach-name{color:var(--verde-suave);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.65rem;font-weight:700}.coach-msg{color:var(--crema);font-size:.78rem;font-style:italic;line-height:1.6}.bottom-nav{background:var(--blanco);border-top:1px solid var(--linea);z-index:100;width:100%;max-width:420px;padding:10px 0 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;transition:all .15s;display:flex}.nav-btn-icon{font-size:1.3rem;line-height:1}.nav-btn-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem;font-weight:600}.nav-btn.active .nav-btn-label{color:var(--verde)}.nav-btn.active .nav-btn-icon{filter:none}#screen-exercise{background:var(--verde-oscuro)}.ex-header{align-items:center;gap:12px;padding:52px 24px 20px;display:flex}.ex-back{width:36px;height:36px;color:var(--crema);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.ex-header-info{flex:1}.ex-header-title{color:var(--crema);font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:300}.ex-header-sub{color:var(--verde-suave);font-size:.7rem}.ex-video-area{aspect-ratio:9/16;background:linear-gradient(160deg,#0d1f0e 0%,#1a3d1c 60%,#0d1f0e 100%);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;max-height:340px;margin:0 20px;display:flex;position:relative;overflow:hidden}.ex-avatar{font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ex-timer{color:#fff;font-variant-numeric:tabular-nums;background:#00000080;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:700;position:absolute;top:14px;right:14px}.ex-overlay{background:linear-gradient(#0000,#000c);padding:20px;position:absolute;bottom:0;left:0;right:0}.ex-instruction{color:#fff;text-align:center;font-size:.82rem;font-style:italic;line-height:1.5}.ex-controls{gap:10px;padding:20px;display:flex}.btn-ex-secondary{color:var(--crema);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600}.btn-ex-primary{background:var(--coral);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;padding:14px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700}.ex-set-info{justify-content:center;gap:24px;padding:0 20px 16px;display:flex}.ex-set-item{text-align:center}.ex-set-val{color:var(--crema);font-family:Outfit,sans-serif;font-size:1.8rem;line-height:1}.ex-set-label{color:var(--verde-suave);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}#screen-shopping{background:var(--crema)}.shop-header{background:var(--verde-oscuro);padding:52px 24px 28px}.shop-title{color:var(--crema);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:300}.shop-title em{color:var(--coral);font-style:italic}.shop-sub{color:var(--verde-suave);margin-top:4px;font-size:.75rem}.shop-body{flex:1;padding:20px 20px 100px;overflow-y:auto}.shop-category{margin-bottom:20px}.shop-cat-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.65rem;font-weight:700;display:flex}.shop-cat-title:after{content:"";background:var(--linea);flex:1;height:1px}.shop-item{background:var(--blanco);border:1px solid var(--linea);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .15s;display:flex}.shop-item.checked{opacity:.5}.shop-item.checked .shop-check{background:var(--verde);border-color:var(--verde)}.shop-check{border:1.5px solid var(--linea);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:all .2s;display:flex}.shop-item.checked .shop-check{color:#fff}.shop-emoji{flex-shrink:0;font-size:1.2rem}.shop-info{flex:1}.shop-name{font-size:.82rem;font-weight:500}.shop-qty{color:var(--muted);font-size:.7rem}.shop-price{color:var(--verde);font-size:.75rem;font-weight:600}.loader-dots{justify-content:center;gap:6px;margin-top:24px;display:flex}.loader-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-response{background:var(--blanco);border:1px solid var(--linea);color:var(--texto);border-radius:14px;margin-top:12px;padding:16px;font-size:.8rem;line-height:1.7;display:none}.ai-response.visible{display:block}body{font-family:Outfit,DM Sans,sans-serif}.btn-splash{background:var(--verde-claro)}.btn-splash:hover{background:#3f7a43}.progress-fill{background:var(--verde-suave)}.onboard-question em,.dash-name em,.gen-title em,.shop-title em{color:var(--verde-suave);font-style:normal;font-weight:400}.gen-orb-ring{border-top-color:var(--verde-suave)}.gen-step.active .gen-step-dot{background:var(--verde-suave)}.week-day-dot.today{border-color:var(--verde-claro);color:var(--verde-claro)}.recipe-card:hover{border-color:var(--verde-claro)}.tag-coral{background:var(--verde-glow);color:var(--verde)}.splash-brand{letter-spacing:.01em;font-weight:300}.dash-name,.today-title,.shop-title,.onboard-question,.gen-title,.ex-header-title{font-weight:300}