@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--dark-bg: #0a0a14;--dark-card: #13131f;--dark-border: #1e293b;--dark-purple: #7c3aed;--dark-purple-l: #818cf8;--dark-blue: #2563eb;--dark-teal: #0891b2;--dark-green: #22c55e;--dark-green-d: #059669;--dark-text-1: #f1f5f9;--dark-text-2: #94a3b8;--dark-text-m: #475569;--dark-danger: #ef4444;--light-bg: #f8f7ff;--light-card: #ffffff;--light-border: #e9d5ff;--light-purple: #7c3aed;--light-text-1: #1a1033;--light-text-2: #6b7280;--light-text-m: #a78bfa;--bg: #0a0a14;--card: #13131f;--border: #1e293b;--purple: #7c3aed;--blue: #2563eb;--green: #22c55e;--green-dark: #059669;--teal: #0891b2;--text-1: #f1f5f9;--text-2: #94a3b8;--text-m: #475569;--danger: #ef4444;--shadow: 0 2px 12px rgba(124, 58, 237, .08);--radius-md: 12px;--radius-lg: 16px;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif}html[data-theme=light]{--bg: var(--light-bg);--card: var(--light-card);--border: var(--light-border);--text-1: var(--light-text-1);--text-2: var(--light-text-2);--text-m: var(--light-text-m);--shadow: 0 2px 12px rgba(124, 58, 237, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-1);background-color:var(--bg);min-height:100vh;transition:background-color .25s ease,color .25s ease}#root{width:100%;min-height:100vh}img{display:block;max-width:100%}button{font-family:var(--font-body);cursor:pointer}.card,.exercise-card,.meal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);transition:all .25s ease}.card:hover{border-color:#7c3aed66;box-shadow:0 4px 20px #7c3aed1f}.btn-primary,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:15px;letter-spacing:.02em;min-height:48px;cursor:pointer;box-shadow:0 4px 16px #7c3aed33;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed40}.btn-primary:active{transform:scale(.97)}.mark-done-btn,button.mark-done{background:linear-gradient(135deg,#2563eb,#1d4ed8);flex:1;min-height:44px;color:#fff;border:none;border-radius:var(--radius-md);padding:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb33}.mark-done-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.mark-done-btn:active:not(:disabled){transform:scale(.97)}.mark-done-btn.completed{background:transparent;color:var(--green);border:1px solid rgba(34,197,94,.3);box-shadow:none}html[data-theme=light] .mark-done-btn.completed{background:#f0fdf4}.workout-complete-btn{width:100%;padding:16px 24px;margin:20px 0 16px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.02em;min-height:52px;cursor:pointer;box-shadow:0 4px 20px #0596694d;transition:all .2s ease}.workout-complete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #05966966}.workout-complete-btn:active{transform:scale(.97)}input[type=text],input[type=number],input[type=email],textarea,select{background:#7c3aed0d;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);padding:12px 14px;font-size:15px;font-family:var(--font-body);width:100%;outline:none;min-height:44px;transition:all .2s ease}html[data-theme=light] input[type=text],html[data-theme=light] input[type=number],html[data-theme=light] textarea,html[data-theme=light] select{background:#7c3aed08}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed26}input::-moz-placeholder{color:var(--text-m);opacity:.7}input::placeholder{color:var(--text-m);opacity:.7}.training-tabs{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:transparent;border-radius:var(--radius-md);flex-wrap:wrap;overflow-x:auto}html[data-theme=dark] .training-tabs{background:#13131f80}html[data-theme=light] .training-tabs{background:#f5f3ff}.training-tab-btn{padding:8px 18px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-m);font-weight:700;font-size:13px;white-space:nowrap;min-height:40px;cursor:pointer;transition:all .15s ease}.training-tab-btn.active{background:var(--purple);color:#fff;box-shadow:0 2px 8px #7c3aed40}.day-pill{min-width:68px;padding:10px 6px;border-radius:var(--radius-md);text-align:center;font-weight:700;font-size:11px;border:1px solid var(--border);background:var(--card);color:var(--text-1);cursor:pointer;flex-shrink:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .15s ease}.day-pill.done{border-color:var(--green);color:var(--green);background:transparent}html[data-theme=light] .day-pill.done{background:#f0fdf4}.day-pill.today{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 2px 10px #7c3aed4d}html[data-theme=light] .day-pill.today{background:#ede9fe;color:var(--purple)}.exercise-card{border-left:3px solid var(--purple);min-height:80px}.exercise-card.completed{border-color:var(--green);border-left-color:var(--green);background:transparent}html[data-theme=light] .exercise-card.completed{background:#f0fdf4}.exercise-name{color:var(--text-1);font-family:var(--font-display);font-weight:700;font-size:17px;margin-bottom:8px}.chip{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid rgba(124,58,237,.3);background:#7c3aed1a;color:var(--purple)}html[data-theme=light] .chip{background:#ede9fe}.chip.rest{background:#2563eb1a;color:var(--blue);border-color:#2563eb40}.progress-bar-bg{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:8px 0}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.calories{background:linear-gradient(90deg,var(--purple),#7c3aed)}.progress-bar-fill.protein{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.progress-bar-fill.carbs{background:linear-gradient(90deg,#0891b2,#06b6d4)}.progress-bar-fill.fats{background:linear-gradient(90deg,#d97706,#f59e0b)}.meal-card{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:10px}.meal-card-header{padding:12px 16px;background:#7c3aed0d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}html[data-theme=light] .meal-card-header{background:#f5f3ff}.meal-title{font-weight:700;font-size:15px;color:var(--text-1)}.meal-calories{font-size:13px;color:var(--purple);font-weight:600}.week-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .25s ease}.week-card:hover{border-color:#7c3aed66;box-shadow:var(--shadow)}.upload-btn{width:100%;padding:14px 20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;font-size:15px;font-weight:700;border:none;min-height:48px;cursor:pointer;margin-bottom:16px;transition:all .25s ease;box-shadow:0 4px 16px #7c3aed33}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed40}.lock-message{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;margin-bottom:16px;line-height:1.6}.lock-title{font-size:16px;font-weight:700;color:var(--text-1);margin-bottom:8px}.lock-subtitle{font-size:13px;color:var(--text-m)}.checkin-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.checkin-label{font-size:10px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:block}.slider-input{width:100%;height:8px;border-radius:4px;background:var(--border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6d28d9);cursor:pointer;box-shadow:0 2px 8px #7c3aed4d;-webkit-transition:all .15s ease;transition:all .15s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #7c3aed66}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6d28d9);cursor:pointer;border:none;box-shadow:0 2px 8px #7c3aed4d;-moz-transition:all .15s ease;transition:all .15s ease}.slider-value{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--purple);text-align:center;margin:12px 0;letter-spacing:-.03em}.profile-header{background:linear-gradient(135deg,#7c3aed26,#6366f11a);border-radius:20px;padding:24px 20px;margin-bottom:16px;text-align:center;border:1px solid var(--border)}html[data-theme=light] .profile-header{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border:3px solid rgba(255,255,255,.2)}.profile-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-1);margin-bottom:4px;letter-spacing:-.01em}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.profile-info-label{font-size:11px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.08em}.profile-info-value{font-family:var(--font-display);font-weight:700;color:var(--text-1);font-size:14px}.bottom-nav,.nav-tabs{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:100;display:flex;justify-content:space-around;padding:8px 0 max(12px,env(safe-area-inset-bottom));background:#13131ff2;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 24px #0003}html[data-theme=light] .bottom-nav,html[data-theme=light] .nav-tabs{background:#fffffff2;box-shadow:0 -4px 24px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:10px;font-weight:700;color:var(--text-m);background:none;border:none;cursor:pointer;position:relative;min-width:52px;min-height:52px;transition:color .15s ease}.nav-item.active{color:var(--purple)}.nav-item.active:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--purple);border-radius:1.5px;box-shadow:0 0 6px #7c3aed4d}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease forwards}.content-wrapper{max-width:480px;margin:0 auto;padding:0 16px 80px;min-height:100vh}button,a,input,.clickable{min-height:44px;min-width:44px}@media (max-width: 480px){body{font-size:14px}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select,button{font-size:16px}}