body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--color-page:#f4f6fb;--color-surface:#fff;--color-surface-raised:#ffffffe6;--color-surface-strong:#eef2ff;--color-surface-muted:#f9fafb;--color-border:#0f172a14;--color-border-strong:#0f172a1f;--color-border-stronger:#0f172a33;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-success:#22c55e;--color-success-soft:#22c55e1f;--color-info:#2563eb;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#34d399,#22c55e);--shadow-sm:0 8px 20px #0f172a14;--shadow-md:0 16px 40px #0f172a24;--shadow-lg:0 22px 45px #0f172a2e;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--transition-base:0.25s ease;color-scheme:light}[data-theme=dark]{--color-page:#0b1120;--color-surface:#0f172ab3;--color-surface-raised:#0f172ad9;--color-surface-strong:#1e293bb3;--color-surface-muted:#0f172a99;--color-border:#94a3b814;--color-border-strong:#94a3b829;--color-border-stronger:#94a3b83d;--color-text-primary:#e2e8f0;--color-text-secondary:#cbd5f5;--color-text-muted:#94a3b8;--color-success:#4ade80;--color-success-soft:#4ade801f;--shadow-sm:0 8px 24px #02061759;--shadow-md:0 16px 48px #02061773;--shadow-lg:0 24px 64px #0206178c;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;background:var(--color-page);color:#0f172a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);scroll-behavior:smooth;transition:background .25s ease,color .25s ease;transition:background var(--transition-base),color var(--transition-base)}.App{background:linear-gradient(160deg,#6366f114,#0f172a00 35%);min-height:100vh}.app-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-bottom-left-radius:20px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:20px;border-bottom-right-radius:var(--radius-lg);box-shadow:0 16px 40px #0f172a24;box-shadow:var(--shadow-md);color:#fff;padding:36px 32px 40px}.header-bar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto 26px;max-width:1280px}.header-actions{align-items:center;display:inline-flex;gap:12px}.action-btn{background:#ffffff29;border:1px solid #ffffff73;border-radius:999px;color:#fff;font-size:.9rem;padding:9px 18px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.action-btn:hover{background:#ffffff3d;box-shadow:0 16px 30px #0f172a40;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.header-content h1{font-size:clamp(1.8rem,2.6vw,2.75rem);font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.subtitle{font-size:1rem;line-height:1.5;max-width:420px;opacity:.92}.progress-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin:0 auto;max-width:1280px;padding:0 4px}.progress-bar{background:#ffffff40;position:relative;width:100%}.progress-fill{background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 8px 20px #22c55e59;transition:width .3s ease}.progress-text{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;opacity:.92}.app-main{display:flex;flex-direction:column;gap:28px;margin:36px auto 64px;max-width:1280px;padding:0 24px 80px}.insight-strip{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.insight-card{background:#fff;background:var(--color-surface);border:1px solid #0000;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 18px 36px #6366f114;overflow:hidden;padding:22px 24px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.insight-card:after{background:radial-gradient(circle at top right,#6366f12e,#0000 55%);content:"";inset:0;opacity:.65;pointer-events:none;position:absolute}[data-theme=dark] .insight-card:after{background:radial-gradient(circle at top right,#6366f152,#0000 60%)}.insight-card:hover{border-color:#6366f159;box-shadow:0 24px 48px #6366f124;transform:translateY(-4px)}.insight-label{color:#6366f1e6;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.insight-card h3{color:#0f172a;color:var(--color-text-primary);font-size:1.4rem;margin-top:12px}.insight-card p{color:#475569;color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-top:8px}.dashboard-sections{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.main-sections{display:flex;flex-direction:column;gap:32px}.two-column-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.calendar-section,.detail-section{background:#fff;background:var(--color-surface);border:1px solid #0f172a14;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #0f172a14;box-shadow:var(--shadow-sm);padding:28px;scroll-margin-top:20px;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.calendar-section h2,.detail-section h2{color:#0f172a;color:var(--color-text-primary);font-size:1.25rem;letter-spacing:-.2px;margin-bottom:18px}.no-selection{align-items:center;background:#f9fafb;background:var(--color-surface-muted);border:1px dashed #0f172a14;border:1px dashed var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-muted);display:flex;font-size:1.05rem;justify-content:center;min-height:280px;text-align:center;transition:background .25s ease;transition:background var(--transition-base)}@media (max-width:1200px){.two-column-grid{grid-template-columns:1fr}}@media (max-width:900px){.header-bar{align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between}.dashboard-sections{grid-template-columns:1fr}}@media (max-width:768px){.app-header{padding:28px 20px 32px}.header-bar{margin-bottom:20px}.header-actions{flex-wrap:wrap;gap:10px}.action-btn{text-align:center;width:100%}.app-main{margin-top:20px;padding:0 18px 60px}.insight-strip{grid-template-columns:1fr}.calendar-section,.detail-section{padding:20px;scroll-margin-top:80px}.progress-text{align-items:flex-start;flex-direction:column;gap:4px}.detail-section{transition:background .25s ease,box-shadow .25s ease,border-color .25s ease,transform .3s ease;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),transform .3s ease}.tab-navigation{gap:8px;padding:0 16px}.tab-btn{font-size:13px;min-width:auto;padding:12px 16px}}@media (max-width:1024px){.tab-navigation{gap:8px;padding:0 20px}.tab-btn{font-size:14px;padding:12px 18px}}.tab-navigation{-webkit-overflow-scrolling:touch;border-bottom:2px solid #0f172a14;border-bottom:2px solid var(--color-border);display:flex;gap:12px;margin:0 auto 32px;max-width:1280px;overflow-x:auto;padding:0 32px;scrollbar-width:thin}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:#f9fafb;background:var(--color-surface-muted)}.tab-navigation::-webkit-scrollbar-thumb{background:#0f172a14;background:var(--color-border);border-radius:2px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;margin-bottom:-2px;padding:14px 24px;transition:all .25s ease;transition:all var(--transition-base);white-space:nowrap}.tab-btn:hover{background:#f9fafb;background:var(--color-surface-muted);border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#0f172a;color:var(--color-text-primary)}.tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.tab-content{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:1280px;padding:0 32px}.today-workout-section{margin-top:32px}.today-workout-section h2{color:#0f172a;color:var(--color-text-primary);font-size:24px;margin-bottom:20px}.calendar{display:flex;flex-direction:column;gap:28px}.week{margin-bottom:8px}.week-title{border-bottom:1px solid #6366f133;color:#4f46e5;font-size:1.1rem;letter-spacing:.08em;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.days-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.day-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 24px #6366f10a;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:18px 16px;position:relative;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);-webkit-user-select:none;user-select:none}.day-card:hover{border-color:#6366f180;box-shadow:0 18px 36px #6366f129;transform:translateY(-4px)}.day-card.selected{background:var(--gradient-primary);border-color:#0000;box-shadow:0 20px 40px #6366f159;color:#fff}.day-card.completed{background:#22c55e14;border-color:#22c55e66}.day-card.selected.completed{background:var(--gradient-primary)}.day-number{color:var(--color-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.day-card.selected .day-number{color:#fffc}.day-title{color:var(--color-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.2px;word-break:break-word}.day-card.selected .day-title{color:#fff}.day-focus{color:#6366f1e6;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.day-card.selected .day-focus{color:#fffffff2}.day-duration{align-self:center;background:var(--color-surface-muted);border-radius:999px;color:var(--color-text-muted);font-size:.8rem;padding:4px 10px}.day-card.selected .day-duration{background:#ffffff40;color:#fff}.day-progress{align-items:center;display:flex;gap:10px}.progress-track{background:#0f172a1f;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.day-card.selected .progress-track{background:#ffffff40}.day-card.selected .progress-fill{background:#ffffffe6}.progress-text{color:#6366f1e6;font-size:.78rem}.day-card.selected .progress-text{color:#ffffffe6}.check-mark{align-items:center;background:var(--color-success);border-radius:50%;box-shadow:0 10px 20px #22c55e59;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;position:absolute;right:12px;top:12px;width:26px}@media (max-width:768px){.calendar{gap:20px}.week-title{font-size:1rem;margin-bottom:12px}.days-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.day-card{gap:8px;min-height:115px;padding:16px 14px}.day-card:active{transform:scale(.97)}.day-number{font-size:.8rem}.day-title{font-size:.92rem}.day-focus{font-size:.75rem}.day-duration{font-size:.78rem;padding:3px 8px}}.exercise-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 24px #6366f10d;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.exercise-card:hover{box-shadow:0 16px 32px #6366f11f;transform:translateY(-2px)}.exercise-card.completed{background:var(--color-success-soft);border-color:#22c55e66}.exercise-header{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:18px;transition:background var(--transition-base);-webkit-user-select:none;user-select:none}.exercise-header:hover{background:var(--color-surface-muted)}.exercise-card.completed .exercise-header{background:#22c55e1f}.exercise-title-section{align-items:flex-start;display:flex;flex:1 1;gap:14px}.exercise-checkbox{accent-color:var(--color-success);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.exercise-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:-.2px;margin:0}.exercise-card.completed .exercise-name{color:var(--color-text-muted);text-decoration:line-through}.alt-badge{background:#6366f1cc;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 10px}.exercise-reps{color:var(--color-text-secondary);display:block;font-size:.88rem;margin-top:3px}.exercise-meta{align-items:center;gap:12px;justify-content:flex-end}.difficulty{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.exercise-duration{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;padding:4px 10px}.expand-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.82rem;padding:4px 8px;transition:color var(--transition-base)}.expand-btn:hover{color:var(--color-text-primary)}.exercise-details{background:var(--color-surface-muted);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;padding:18px}.description{font-size:.92rem}.instructions-section{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;border-left:4px solid #6366f1;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f114;display:flex;flex-direction:column;gap:14px;padding:18px}.instructions-section h5{align-items:center;color:#6366f1;display:flex;font-size:.95rem;font-weight:700;gap:8px;letter-spacing:-.2px;margin:0}.instructions-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.instruction-step{align-items:flex-start;background:var(--color-surface);border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:14px;padding:12px 14px;transition:all var(--transition-base)}.instruction-step:hover{background:#fffc;border-color:#6366f14d;box-shadow:0 4px 12px #6366f11f;transform:translateX(4px)}.step-number{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 8px #6366f140;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.step-text{color:var(--color-text-primary);flex:1 1;font-size:.9rem;line-height:1.6;padding-top:2px}.video-guide-section{background:#2563eb1f;border-left:4px solid #2563eb;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;padding:14px}.media-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.media-toggle{background:#ffffff80;border-radius:999px;display:flex;gap:8px;padding:4px}.media-btn{background:#0000;border:none;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all var(--transition-base)}.media-btn:hover{background:#6366f11a;color:#6366f1e6}.media-btn.active{background:var(--gradient-primary);box-shadow:0 4px 8px #6366f140;color:#fff}.video-guide-section h5{color:#1d4ed8;font-size:.92rem;font-weight:600;margin:0}.video-wrapper{background:#000;border-radius:var(--radius-sm);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.video-guide{color:#1e40af;font-family:inherit;font-size:.85rem;line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-word}.video-credit{color:#1d4ed8;font-size:.75rem;margin:0;opacity:.8}.exercise-info{gap:12px}.exercise-info,.info-group{display:flex;flex-direction:column}.info-group{gap:6px}.label{color:var(--color-text-primary);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muscle-tags{display:flex;flex-wrap:wrap;gap:8px}.muscle-tag{background:#6366f1cc;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.equipment-info{background:#ff98001f;border-left:3px solid #fb923c;color:#ea580c}.equipment-info,.no-equipment{border-radius:var(--radius-sm);padding:12px}.no-equipment{background:var(--color-success-soft);border-left:3px solid var(--color-success);color:#047857}.equipment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.equipment-tag{background:#fb923c;border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.tips-list{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;margin:0;padding-left:20px}.tips-list li{margin-bottom:6px}.alternatives-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:14px}.alternatives-section h5{color:var(--color-text-primary);font-size:.95rem;margin:0}.alternative-btn{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;justify-content:space-between;padding:10px 14px;transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.alternative-btn:hover{background:#6366f114;border-color:#6366f166;transform:translateY(-1px)}.alternative-btn.active{background:var(--gradient-primary);border-color:#0000;box-shadow:0 12px 24px #6366f140;color:#fff}.alt-name{text-align:left}.alt-duration{font-size:.75rem;margin-left:10px;opacity:.7;white-space:nowrap}.alt-note{background:#2563eb1f;border-left:3px solid #2563eb;border-radius:4px;color:#1d4ed8;font-size:.82rem;margin:0;padding:8px 12px}.timer-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-md);box-shadow:0 12px 24px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all var(--transition-base);width:100%}.timer-toggle-btn:hover{box-shadow:0 16px 32px #6366f14d;transform:translateY(-2px)}.timer-toggle-btn:active{transform:translateY(0)}@media (max-width:768px){.exercise-card{box-shadow:0 8px 16px #6366f114}.exercise-card:active{transform:scale(.99)}.exercise-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.exercise-title-section{width:100%}.exercise-checkbox{height:22px;width:22px}.exercise-name{font-size:.98rem}.exercise-reps{font-size:.85rem}.exercise-meta{gap:8px;justify-content:flex-start;width:100%}.difficulty{font-size:.7rem;padding:3px 10px}.exercise-duration{font-size:.8rem;padding:3px 8px}.expand-btn{font-size:.85rem;padding:6px 10px}.exercise-details{gap:14px;padding:16px}.video-wrapper{border-radius:var(--radius-sm)}.video-guide-section{padding:12px}.alternative-btn{font-size:.9rem;padding:12px 14px}.equipment-info,.no-equipment{font-size:.88rem;padding:10px}.instructions-section{gap:12px;padding:14px}.instructions-section h5{font-size:.9rem}.instruction-step{gap:12px;padding:10px 12px}.step-number{font-size:.75rem;height:26px;width:26px}.step-text{font-size:.88rem}}.exercise-timer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px;padding:24px;transition:all var(--transition-base)}.exercise-timer.work{background:linear-gradient(135deg,#3b82f60d 0,var(--color-surface) 100%);border-color:#3b82f6}.exercise-timer.rest{background:linear-gradient(135deg,#f59e0b0d 0,var(--color-surface) 100%);border-color:#f59e0b}.exercise-timer.complete{background:linear-gradient(135deg,#22c55e14 0,var(--color-surface) 100%);border-color:#22c55e}.timer-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;padding-bottom:16px}.timer-header h4{color:var(--color-text-primary);flex:1 1;font-size:1.1rem;font-weight:700;margin:0}.timer-gif-section{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:16px}.gif-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.media-toggle-timer{background:#fffc;border-radius:999px;display:flex;gap:6px;padding:4px}.media-btn-timer{background:#0000;border:none;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all var(--transition-base)}.media-btn-timer:hover{background:#6366f11a;color:#6366f1e6}.media-btn-timer.active{background:var(--gradient-primary);box-shadow:0 4px 8px #6366f140;color:#fff}.gif-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all var(--transition-base)}.gif-toggle-btn:hover{background:var(--color-surface-muted);border-color:#6366f14d}.gif-toggle-btn-small{background:#6366f11a;border:1px dashed #6366f14d;border-radius:var(--radius-sm);color:#6366f1e6;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:12px;padding:10px;transition:all var(--transition-base);width:100%}.gif-toggle-btn-small:hover{background:#6366f126;border-color:#6366f180}.timer-gif{box-shadow:var(--shadow-sm);display:block;height:auto;margin:0 auto;max-width:400px}.timer-gif,.timer-video-wrapper{border-radius:var(--radius-md);width:100%}.timer-video-wrapper{background:#000;overflow:hidden;padding-top:56.25%;position:relative}.timer-video-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.set-indicator{background:var(--gradient-primary);border-radius:999px;box-shadow:0 8px 16px #6366f140;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:6px 14px}.timer-display{flex-direction:column;gap:16px;padding:20px 0}.time-circle,.timer-display{align-items:center;display:flex}.time-circle{height:200px;justify-content:center;position:relative;width:200px}.timer-ring{height:100%;position:absolute;transform:rotate(-90deg);width:100%}.timer-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.timer-ring-progress{fill:none;stroke:url(#timerGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.exercise-timer.work .timer-ring-progress{stroke:#3b82f6}.exercise-timer.rest .timer-ring-progress{stroke:#f59e0b}.exercise-timer.complete .timer-ring-progress{stroke:#22c55e}.time-text{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-1px}.reps-indicator{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin:0;text-align:center}.current-rep{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);display:inline-block;font-size:1.4rem;font-weight:700}.timer-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.timer-controls button{border:none;border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;min-width:140px;padding:14px 28px;transition:all var(--transition-base)}.btn-start{box-shadow:0 16px 32px #6366f14d}.btn-start:hover{box-shadow:0 20px 40px #6366f159}.btn-pause{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.btn-pause:hover{box-shadow:0 16px 32px #f59e0b4d;transform:translateY(-2px)}.btn-reset{background:var(--color-surface-muted);border:2px solid var(--color-border);color:var(--color-text-primary)}.btn-reset:hover{background:var(--color-surface);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-complete{background:var(--gradient-success);box-shadow:0 16px 32px #22c55e4d;color:#fff}.btn-complete:hover{box-shadow:0 20px 40px #22c55e59;transform:translateY(-2px)}.timer-status{background:var(--color-surface-muted);border-radius:var(--radius-md);padding:12px;text-align:center}.timer-status span{font-size:.95rem;font-weight:700;letter-spacing:.05em}.status-ready{color:var(--color-text-secondary)}.status-work{color:#3b82f6}.status-rest{color:#f59e0b}.status-complete{color:#22c55e}@media (max-width:768px){.exercise-timer{padding:20px}.time-circle{height:160px;width:160px}.time-text{font-size:2.5rem}.timer-controls button{font-size:.95rem;min-width:120px;padding:12px 24px}.timer-header h4{font-size:1rem}}.timer-alternatives-section{background:#fbbf240d;border:2px dashed #fbbf244d;border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px}.btn-show-alternatives{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all var(--transition-base);width:100%}.btn-show-alternatives:hover{box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.alternatives-dropdown{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:8px;margin-top:12px}.alternatives-hint{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin:0 0 8px}.alternative-option{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all var(--transition-base)}.alternative-option:hover{background:#f59e0b0d;border-color:#f59e0b;transform:translateX(4px)}.alt-name{color:var(--color-text-primary);flex:1 1;font-size:.95rem;font-weight:600}.alt-difficulty{background:#22c55e26;color:#16a34a;text-transform:uppercase}.alt-difficulty,.alt-equipment{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px}.alt-equipment{background:#6366f126;color:#6366f1}@media (max-width:768px){.alternative-option{flex-wrap:wrap;gap:8px}.alt-name{flex:1 1 100%}}.day-detail{display:flex;flex-direction:column;gap:24px}.detail-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:20px;justify-content:space-between;padding-bottom:12px}.detail-header h2{color:var(--color-text-primary);font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.3px;margin-bottom:6px}.description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.complete-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 18px 30px #6366f14d;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:700;padding:12px 28px;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base);white-space:nowrap}.complete-btn:hover{box-shadow:0 24px 42px #6366f14d;transform:translateY(-2px)}.complete-btn.completed{background:var(--gradient-success);box-shadow:0 20px 36px #22c55e47}.detail-stats{grid-gap:16px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:18px}.stat{align-items:flex-start;flex-direction:column;gap:8px}.stat .label{color:var(--color-text-muted);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stat .value{color:var(--color-text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.2px}.stat .value .sub-value{color:#6366f1e6;display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.settings-section{border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:12px;padding-top:18px}.settings-btn{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 18px;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.settings-btn:hover{background:var(--color-surface-muted);border-color:#6366f159;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.settings-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:16px;padding:18px}.setting-item,.settings-panel{display:flex;flex-direction:column}.setting-item{gap:6px}.setting-item label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.setting-item input{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.95rem;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.setting-item input:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f12e;outline:none}.setting-item input[type=number]{max-width:120px}.setting-item small{color:var(--color-text-muted);font-size:.82rem}.equipment-buttons{display:flex;flex-direction:column;gap:10px;margin:10px 0}.filter-btn{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 14px;text-align:left;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base),color var(--transition-base)}.filter-btn:hover{background:#6366f114;border-color:#6366f159;transform:translateY(-1px)}.filter-btn.active{background:var(--gradient-primary);border-color:#0000;box-shadow:0 12px 24px #6366f140;color:#fff}.exercises-section{display:flex;flex-direction:column;gap:18px;margin-top:10px}.exercises-section h3{border-bottom:2px solid #6366f14d;color:var(--color-text-primary);font-size:1.2rem;margin:0;padding-bottom:12px}.filter-info{background:var(--color-success-soft);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);color:#047857;font-size:.9rem;font-weight:600;padding:12px}.exercises-list{display:flex;flex-direction:column;gap:14px}@media (max-width:768px){.detail-header{align-items:flex-start;flex-direction:column}.complete-btn{text-align:center;width:100%}}.rest-day-message{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;margin-top:20px;padding:15px}@media (max-width:768px){.day-detail{gap:20px}.detail-header{flex-direction:column;gap:16px}.complete-btn{font-size:1.05rem;padding:14px 28px;width:100%}.detail-stats{gap:14px;grid-template-columns:1fr 1fr;padding:16px}.stat .label{font-size:.75rem}.stat .value{font-size:1.2rem}.stat .value .sub-value{font-size:.75rem}.detail-header h2{font-size:1.35rem}.description{font-size:.9rem}.settings-btn{font-size:1rem;padding:12px 18px;width:100%}.settings-panel{padding:16px}.equipment-buttons{gap:8px}.filter-btn{font-size:.95rem;padding:12px 16px;text-align:center}.exercises-section h3{font-size:1.1rem}.setting-item input[type=number]{font-size:1rem;max-width:100%;padding:12px 14px}}.progress-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.summary-header{align-items:flex-start;gap:20px;justify-content:space-between}.summary-header h2{color:var(--color-text-primary);font-size:1.35rem;margin:0}.summary-header p{color:var(--color-text-muted);font-size:.95rem;margin:6px 0 0}.summary-overall{align-items:flex-end;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:0 18px 40px #6366f140;color:#fff;display:flex;flex-direction:column;gap:6px;padding:14px 18px}.summary-overall span{font-size:.8rem;letter-spacing:.4px;opacity:.92}.summary-overall strong{font-size:1.75rem;line-height:1}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{border:1px solid #6366f12e;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:18px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.summary-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.summary-label{color:#4f46e5;font-size:.78rem;font-weight:700;letter-spacing:.18em}.summary-card strong{color:var(--color-text-primary);font-size:1.5rem}.summary-card small{color:var(--color-text-secondary);font-size:.85rem}.today-highlight{background:linear-gradient(180deg,#6366f114 0,#8b5cf61f 100%),var(--color-surface);border:1px solid #6366f140;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:18px}.today-info h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.today-info p{color:var(--color-text-secondary);font-size:.95rem;margin:6px 0 0}.today-progress{display:flex;flex-direction:column;gap:10px}.today-progress-bar{background:#6366f126;border-radius:999px;height:12px;overflow:hidden}.today-progress-fill{background:var(--gradient-primary);height:100%;transition:width .4s ease}.today-progress-text{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:12px}@media (max-width:768px){.progress-summary{gap:18px;padding:20px}.summary-header{align-items:flex-start;flex-direction:column;gap:16px}.summary-header h2{font-size:1.25rem}.summary-header p{font-size:.9rem}.summary-overall{align-items:flex-start;padding:16px 18px;width:100%}.summary-overall span{font-size:.78rem}.summary-overall strong{font-size:1.6rem}.summary-grid{gap:14px;grid-template-columns:1fr 1fr}.summary-card{padding:16px}.summary-label{font-size:.72rem}.summary-card strong{font-size:1.35rem}.summary-card small{font-size:.8rem}.today-highlight{gap:12px;padding:16px}.today-info h3{font-size:1.05rem}.today-info p{font-size:.9rem}.today-progress-bar{height:10px}.today-progress-text{font-size:.85rem;gap:10px}}.reminder-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:22px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.reminder-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.reminder-header h2{color:var(--color-text-primary);font-size:1.3rem;margin:0}.reminder-header p{color:var(--color-text-muted);font-size:.95rem;margin:6px 0 0}.toggle{display:inline-block;height:30px;position:relative;width:56px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border-strong);transition:var(--transition-base)}.toggle-slider:before{bottom:3px;box-shadow:0 4px 8px #0f172a26;height:24px;left:3px;transition:var(--transition-base);width:24px}.toggle input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.reminder-warning{background:#fbbf2426;border-left:4px solid #f59e0b;border-radius:var(--radius-sm);color:#92400e;font-size:.9rem;font-weight:600;padding:12px 16px}.reminder-body{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.reminder-block{background:var(--color-surface-muted);border:1px solid #6366f126;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:16px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.reminder-block:hover{border-color:#6366f14d;box-shadow:0 12px 28px #6366f11f}.block-label{color:#6366f1e6;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.time-list{display:flex;flex-direction:column;gap:12px}.time-row{gap:10px}.time-picker-wrapper,.time-row{align-items:center;display:flex}.time-picker-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;gap:8px;padding:8px 12px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.time-picker-wrapper:focus-within{border-color:#6366f173;box-shadow:0 0 0 3px #6366f133}.time-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;border:none;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:4px 20px 4px 8px}.time-select:disabled{cursor:not-allowed;opacity:.6}.time-separator{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;-webkit-user-select:none;user-select:none}.reminder-block input[type=date],.time-row input[type=time]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:.95rem;padding:10px 12px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.reminder-block input[type=date]:focus,.time-row input[type=time]:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f133;outline:none}.add-btn,.remove-btn{background:var(--color-surface);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 14px;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.remove-btn:hover{background:#ef44441a;color:#b91c1c}.add-btn{align-self:flex-start;background:var(--gradient-primary);box-shadow:0 12px 28px #6366f138;color:#fff}.add-btn:hover{box-shadow:0 18px 36px #6366f147;transform:translateY(-1px)}.share-block{background:var(--color-surface-muted);border:1px dashed #6366f14d;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:18px}.share-description{color:var(--color-text-secondary);font-size:.92rem;line-height:1.5;margin:0}.share-actions{display:flex;flex-wrap:wrap;gap:12px}.share-btn{align-items:center;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}.share-btn:hover{box-shadow:0 12px 24px #0f172a29;filter:brightness(1.05);transform:translateY(-2px)}.share-btn.whatsapp{background:#22c55e}.share-btn.sms{background:#f59e0b}.share-message{background:#0f172aeb;border-radius:var(--radius-sm);color:#e5e7eb;display:block;font-family:Fira Code,Source Code Pro,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;padding:12px 14px}@media (max-width:768px){.reminder-settings{gap:20px;padding:20px}.reminder-header{align-items:flex-start;flex-direction:column;gap:16px}.reminder-header h2{font-size:1.2rem}.reminder-header p{font-size:.9rem}.reminder-body{gap:16px;grid-template-columns:1fr}.reminder-block{padding:14px}.block-label{font-size:.78rem}.reminder-block input[type=date],.time-row input[type=time]{font-size:1rem;padding:12px 14px}.add-btn,.remove-btn{font-size:.9rem;padding:10px 16px}.share-block{padding:16px}.share-actions{flex-direction:column;width:100%}.share-btn{flex:1 1;font-size:.95rem;justify-content:center;padding:12px 16px}.share-message{font-size:.8rem;padding:10px 12px}}.theme-toggle{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:999px;box-shadow:0 2px 8px #11192814;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 14px;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle:hover{background:var(--color-surface-strong);border-color:var(--color-border-stronger);box-shadow:0 6px 16px #1119281f}.theme-toggle:active{transform:translateY(1px)}.theme-toggle__icon{font-size:1.1rem;line-height:1}.theme-toggle__label{white-space:nowrap}@media (max-width:600px){.theme-toggle{font-size:.8rem;padding:6px 10px}.theme-toggle__label{display:none}}.onboarding-overlay{background:#0f172a8c;inset:0;padding:24px;z-index:50}.onboarding-modal{animation:modalFadeIn .35s ease;border:1px solid #6366f133;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:24px;overflow-y:auto;padding:32px 36px;position:relative;width:min(720px,100%)}.onboarding-hero{display:flex;flex-direction:column;gap:12px}.onboarding-badge{align-self:flex-start;background:#6366f12e;border-radius:999px;color:#6366f1e6;font-size:.75rem;font-weight:700;letter-spacing:.18em;padding:6px 12px;text-transform:uppercase}.onboarding-hero h2{color:var(--color-text-primary);font-size:clamp(1.8rem,3vw,2.3rem);margin:0}.onboarding-hero p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:520px}.onboarding-form{display:flex;flex-direction:column;gap:24px}.onboarding-field{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:18px}.onboarding-field label{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.onboarding-field input[type=date],.onboarding-field input[type=time]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.95rem;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.onboarding-field input[type=date]:focus,.onboarding-field input[type=time]:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f12e;outline:none}.onboarding-field small{color:var(--color-text-muted);font-size:.85rem}.field-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.field-description{color:var(--color-text-secondary);font-size:.9rem;margin:0}.time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.time-control{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 12px}.time-control input[type=time]{background:#0000;border:none;flex:1 1;padding:0}.time-control input[type=time]:focus{outline:none}.time-remove{background:#ef44441f;border:none;border-radius:999px;color:#b91c1c;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px;transition:filter .2s ease}.time-remove:hover{filter:brightness(.95)}.time-add{background:#6366f10f;border:1px dashed #6366f173;border-radius:var(--radius-sm);color:#6366f1d9;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.time-add:hover{box-shadow:0 12px 24px #6366f11f;transform:translateY(-2px)}.preset-pills{display:flex;flex-wrap:wrap;gap:10px}.preset-pill{background:#6366f11f;border:none;border-radius:999px;color:#6366f1e6;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.preset-pill:hover{box-shadow:0 10px 18px #6366f12e;transform:translateY(-1px)}.onboarding-actions{justify-content:flex-end;padding-top:8px}.primary-btn,.secondary-btn{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 22px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.secondary-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.secondary-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.primary-btn{background:var(--gradient-primary);box-shadow:0 18px 36px #6366f13d;color:#fff}.primary-btn:hover{box-shadow:0 24px 46px #6366f152;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.onboarding-overlay{padding:16px}.onboarding-modal{border-radius:16px;gap:20px;max-height:92vh;padding:24px 20px}.onboarding-hero{gap:10px}.onboarding-hero h2{font-size:1.6rem}.onboarding-hero p{font-size:.95rem}.onboarding-form{gap:20px}.onboarding-field{gap:10px;padding:16px}.onboarding-field label{font-size:.9rem}.onboarding-field input[type=date],.onboarding-field input[type=time]{font-size:1rem;padding:12px 14px}.time-grid{gap:10px;grid-template-columns:1fr}.time-control{padding:12px}.time-add{font-size:.9rem;padding:14px;width:100%}.preset-pills{gap:8px}.preset-pill{font-size:.88rem;padding:10px 16px}.onboarding-actions{flex-direction:column-reverse;gap:10px}.primary-btn,.secondary-btn{font-size:1rem;padding:14px 22px;width:100%}}.streak-counter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.streak-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0}.streak-main{background:linear-gradient(135deg,#6366f10d,#8b5cf614);border:1px solid #6366f133;border-radius:var(--radius-md);gap:16px;padding:20px}.streak-circle,.streak-main{align-items:center;display:flex;flex-direction:column}.streak-circle{animation:pulse 2s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;box-shadow:0 16px 32px #6366f14d;height:140px;justify-content:center;position:relative;width:140px}.streak-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:2.5rem;margin-bottom:4px}.streak-number{color:#fff;font-size:2rem;font-weight:700;line-height:1}.streak-label{color:#ffffffe6;font-size:.75rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.streak-message{color:var(--color-text-primary);font-size:1rem;font-weight:600;text-align:center}.streak-stats{grid-gap:16px;background:var(--color-surface-muted);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}.stat-item{flex-direction:column;gap:6px}.stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.stat-label{letter-spacing:.08em;text-align:center}.achievements{display:flex;flex-direction:column;gap:12px}.achievements h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin:0}.achievements-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.achievement-badge{align-items:center;animation:fadeInUp .5s ease;background:var(--color-surface-muted);border:2px solid;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:12px;transition:all var(--transition-base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.achievement-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.badge-title{font-size:.8rem;font-weight:700;line-height:1.3;text-align:center}.no-achievements{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:20px;text-align:center}.no-achievements p{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;margin:0}@media (max-width:768px){.streak-counter{padding:20px}.streak-circle{height:120px;width:120px}.streak-emoji{font-size:2rem}.streak-number{font-size:1.8rem}.streak-stats{gap:12px;grid-template-columns:1fr;padding:14px}.stat-item{flex-direction:row;justify-content:space-between}.stat-value{font-size:1.5rem}.achievements-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.achievement-badge{padding:10px}.badge-icon{font-size:1.6rem}.badge-title{font-size:.75rem}}.data-backup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.backup-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 6px}.backup-header p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.backup-stats{grid-gap:16px;background:var(--color-surface-muted);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:16px}.backup-stats .stat{align-items:center;display:flex;flex-direction:column;gap:6px}.backup-stats .stat-value{color:var(--color-text-primary);font-size:1.6rem;font-weight:700}.backup-stats .stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}.backup-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.backup-actions button,.backup-actions label{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;text-align:center;transition:all var(--transition-base)}.btn-export{background:var(--gradient-primary);box-shadow:0 12px 24px #6366f140;color:#fff}.btn-export:hover{box-shadow:0 16px 32px #6366f14d;transform:translateY(-2px)}.btn-import{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 12px 24px #22c55e40;color:#fff}.btn-import:hover{box-shadow:0 16px 32px #22c55e4d;transform:translateY(-2px)}.btn-clear{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 24px #ef444440;color:#fff}.btn-clear:hover{box-shadow:0 16px 32px #ef44444d;transform:translateY(-2px)}.import-message{background:#3b82f61a;border-left:4px solid #2563eb;border-radius:var(--radius-sm);color:#2563eb;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:center}.import-message.success{background:#22c55e1a;border-left-color:#16a34a;color:#16a34a}.import-message.error{background:#ef44441a;border-left-color:#dc2626;color:#dc2626}.backup-info{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:16px}.backup-info h4{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0 0 12px}.backup-info ul{color:var(--color-text-secondary);font-size:.88rem;line-height:1.7;margin:0;padding-left:20px}.backup-info li{margin-bottom:6px}.backup-info strong{color:var(--color-text-primary)}@media (max-width:900px){.backup-stats{gap:14px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:600px){.data-backup{padding:20px}.backup-stats{gap:12px;grid-template-columns:1fr;padding:14px}.backup-stats .stat{background:var(--color-surface);border-radius:8px;flex-direction:row;justify-content:space-between;padding:8px}.backup-stats .stat-value{font-size:1.4rem}.backup-actions{gap:10px;grid-template-columns:1fr}.backup-actions button,.backup-actions label{padding:12px 18px}}.daily-motivation{background:linear-gradient(135deg,#6366f10d,#8b5cf614);border:1px solid #6366f126;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all var(--transition-base)}.daily-motivation:before{animation:motivationGlow 6s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes motivationGlow{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(-10%,-10%) scale(1.1)}}.motivation-streak{align-items:center;animation:slideInDown .5s ease;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:0 12px 28px #6366f14d;display:flex;gap:12px;padding:14px 18px;position:relative;z-index:1}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.streak-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.streak-message{color:#fff;flex:1 1;font-size:1.1rem;font-weight:700;margin:0}.motivation-quote{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;position:relative;z-index:1}.quote-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:2.5rem;line-height:1}blockquote{display:flex;flex:1 1;flex-direction:column;gap:8px;margin:0}.quote-text{color:var(--color-text-primary);font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.6;margin:0;position:relative}.quote-text:before{color:#6366f126;content:'"';font-family:Georgia,serif;font-size:3rem;left:-16px;position:absolute;top:-8px}.quote-author{color:var(--color-text-muted);font-size:.85rem;font-style:normal;font-weight:600}.motivation-progress{background:var(--color-surface-muted);border-left:4px solid;border-radius:var(--radius-sm);padding:14px 16px;position:relative;z-index:1}.motivation-progress p{font-size:.95rem;font-weight:700;margin:0;text-align:center}.motivation-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.mini-stat{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;padding:12px;transition:all var(--transition-base)}.mini-stat:hover{border-color:#6366f14d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.4rem}.stat-text{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;text-align:center}@media (max-width:768px){.daily-motivation{gap:16px;padding:20px}.motivation-streak{flex-direction:column;padding:16px;text-align:center}.streak-emoji{font-size:2.5rem}.streak-message{font-size:1rem}.motivation-quote{align-items:center;flex-direction:column;padding:18px;text-align:center}.quote-emoji{font-size:2rem}.quote-text{font-size:1rem}.quote-text:before{display:none}.motivation-stats{gap:10px;grid-template-columns:1fr}.mini-stat{flex-direction:row;justify-content:center;padding:10px}.stat-icon{font-size:1.2rem}.stat-text{font-size:.8rem}}.onboarding-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.onboarding-modal{animation:modalSlideUp .4s ease-out;background:var(--color-surface);border-radius:24px;box-shadow:0 24px 64px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress{padding:24px 24px 0}.progress-bar{border-radius:10px;height:6px;margin-bottom:8px}.progress-fill{background:var(--gradient-primary);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.onboarding-content{flex:1 1;overflow-y:auto;padding:32px 24px}.onboarding-step{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.onboarding-step h2{color:var(--color-text-primary);font-size:1.75rem;margin:0 0 12px}.step-description{color:var(--color-text-secondary);font-size:1rem;margin:0 0 28px}.welcome-step{text-align:center}.welcome-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-description{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:32px}.welcome-features{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.welcome-features li{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1rem;padding:12px 0}.welcome-features li:last-child{border-bottom:none}.form-group input,.form-group select{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.85rem;margin-top:6px}.goal-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.goal-card{align-items:center;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:24px 16px;text-align:center;transition:all .3s}.goal-card:hover{border-color:#6366f166;box-shadow:0 12px 24px #6366f126;transform:translateY(-4px)}.goal-card.selected{background:#6366f11a;border-color:#6366f1;box-shadow:0 12px 24px #6366f133}.goal-icon{font-size:3rem;margin-bottom:12px}.goal-card h3{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 8px}.goal-card p{color:var(--color-text-secondary);font-size:.85rem;margin:0}.experience-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.experience-card{background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;padding:24px;text-align:center;transition:all .3s}.experience-card:hover{border-color:#6366f166;transform:translateY(-4px)}.experience-card.selected{background:#6366f11a;border-color:#6366f1}.experience-card h3{color:var(--color-text-primary);font-size:1.2rem;margin:0 0 8px}.experience-card p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.duration-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.duration-btn{background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .2s}.duration-btn:hover{border-color:#6366f166}.duration-btn.selected{background:#6366f11a;border-color:#6366f1;color:#6366f1}.schedule-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.schedule-card{background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;padding:20px 16px;text-align:center;transition:all .3s}.schedule-card:hover{border-color:#6366f166;transform:translateY(-4px)}.schedule-card.selected{background:#6366f11a;border-color:#6366f1}.schedule-number{color:var(--color-text-primary);font-size:2.5rem;font-weight:800;margin-bottom:4px}.schedule-label{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:8px}.schedule-rest{color:var(--color-text-muted);font-size:.8rem}.summary-card{background:var(--color-surface-muted);border-radius:16px;margin-bottom:24px;padding:24px}.summary-row{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 0}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--color-text-secondary);font-size:.95rem}.summary-value{font-size:.95rem;font-weight:700}.summary-note,.summary-value{color:var(--color-text-primary)}.summary-note{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-left:4px solid #6366f1;border-radius:12px;font-size:1rem;padding:16px;text-align:center}.onboarding-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;padding:20px 24px 24px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:14px 24px;transition:all .2s}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.btn-secondary{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}@media (max-width:768px){.onboarding-modal{border-radius:20px 20px 0 0;max-height:95vh}.onboarding-content{padding:24px 20px}.onboarding-step h2{font-size:1.5rem}.experience-options,.goal-options{grid-template-columns:1fr}.duration-options{grid-template-columns:repeat(2,1fr)}.schedule-options{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.profile-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.profile-header{margin-bottom:28px}.profile-header h2{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 8px}.profile-header p{color:var(--color-text-secondary);font-size:1rem;margin:0}.profile-body{display:flex;flex-direction:column;gap:28px}.profile-section{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.profile-section h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}.profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field.full-width{grid-column:1/-1}.profile-field label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.profile-field input,.profile-field select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:10px 14px;transition:all .2s}.profile-field input:focus,.profile-field select:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-field input.disabled-field{background:var(--color-surface-muted);cursor:not-allowed;opacity:.7}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.profile-actions button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s}.btn-save:hover{box-shadow:0 8px 20px #6366f166}.btn-cancel:hover{background:var(--color-border)}.btn-regenerate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff;margin-left:auto}.btn-regenerate:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.profile-warning{background:#fbbf2426;border-left:4px solid #f59e0b;border-radius:var(--radius-sm);color:#92400e;font-size:.9rem;margin-top:20px;padding:14px 18px}.profile-warning strong{display:block;margin-bottom:6px}@media (max-width:768px){.profile-settings{padding:20px}.profile-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-actions button{width:100%}.btn-regenerate{margin-left:0}}.section-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:-10px 0 20px}.sound-settings-grid{display:flex;flex-direction:column;gap:20px}.sound-setting-item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px;transition:all var(--transition-base)}.sound-setting-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.setting-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.setting-label{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.setting-desc{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.toggle-switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:26px;left:4px;width:26px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#4f46e5)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-switch input:disabled+.toggle-slider:before{background-color:#e2e8f0}.toggle-switch:hover input:not(:disabled)+.toggle-slider{box-shadow:0 0 8px #6366f166}.sound-settings-note{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin-top:16px;padding:12px 16px}.sound-settings-note strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.sound-setting-item{align-items:flex-start;flex-direction:column;gap:12px}.toggle-switch{align-self:flex-end}}.video-manager{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.video-manager-header{margin-bottom:24px}.video-manager-header h2{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 8px}.video-manager-header p{color:var(--color-text-secondary);font-size:1rem;margin:0}.video-manager-filters{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1 1}.category-select,.search-input{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:10px 14px}.category-select{min-width:200px}.video-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.stat{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px}.stat-label{color:var(--color-text-secondary);font-size:.9rem}.stat-value{font-size:1.5rem}.stat-value.success{color:#10b981}.stat-value.warning{color:#f59e0b}.exercise-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.exercise-item{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s}.exercise-item:hover{border-color:#6366f14d;box-shadow:0 4px 12px #6366f11a}.exercise-info{flex:1 1}.exercise-info h3{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 8px}.exercise-meta{display:flex;flex-wrap:wrap;gap:8px}.category-badge,.difficulty-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.category-badge{background:#6366f11a;color:#6366f1}.difficulty-badge{background:#8b5cf61a;color:#8b5cf6}.video-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px}.video-status.has-video{background:#10b9811a;color:#10b981}.video-status.no-video{background:#ef44441a;color:#ef4444}.exercise-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-edit,.btn-preview,.btn-search{border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-block;font-size:.85rem;font-weight:600;padding:8px 14px;text-decoration:none;transition:all .2s}.btn-preview{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-search{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-edit{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-edit:hover,.btn-preview:hover,.btn-search:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.video-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.video-modal-content{background:var(--color-surface);border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;padding:32px;width:100%}.video-modal-content h3{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 20px}.video-instructions{background:#6366f11a;border-left:4px solid #6366f1;border-radius:var(--radius-sm);margin-bottom:24px;padding:16px}.video-instructions p{color:var(--color-text-primary);font-weight:700;margin:0 0 12px}.video-instructions ol{color:var(--color-text-secondary);margin:0;padding-left:20px}.video-instructions li{margin-bottom:6px}.form-group{margin-bottom:24px}.video-url-input{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:12px 16px;width:100%}.video-url-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group small{color:var(--color-text-muted);display:block;font-size:.85rem;margin-top:6px}.video-preview{margin-bottom:24px}.video-preview h4{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 12px}.video-preview iframe{border-radius:var(--radius-md)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s}.btn-cancel{color:var(--color-text-primary)}.btn-save{background:var(--gradient-primary);box-shadow:0 4px 12px #6366f14d}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-save:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}@media (max-width:768px){.video-manager{padding:20px}.exercise-item,.video-manager-filters{flex-direction:column}.exercise-item{align-items:flex-start}.exercise-actions{flex-direction:column;width:100%}.btn-edit,.btn-preview,.btn-search{text-align:center;width:100%}.video-modal-content{padding:20px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.auth-modal-close:hover{background:#f0f0f0;color:#333}.auth-modal-header{border-bottom:1px solid #eee;padding:40px 40px 20px;text-align:center}.auth-modal-header h2{color:#333;font-size:28px;font-weight:700;margin:0 0 10px}.auth-modal-header p{color:#666;font-size:14px;line-height:1.5;margin:0}.auth-form{padding:30px 40px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input::placeholder{color:#999}.auth-error{background:#fee;border-left:4px solid #c33;color:#c33}.auth-error,.auth-success{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.auth-success{background:#efe;border-left:4px solid #4caf50;color:#2a7c2e}.auth-submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:24px 40px}.auth-divider:after,.auth-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 16px}.google-login-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin:0 40px 20px;padding:12px;transition:all .2s;width:calc(100% - 80px)}.google-login-btn:hover:not(:disabled){background:#f8f8f8;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.google-login-btn svg{flex-shrink:0}.auth-footer{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 40px 40px}.auth-link{background:none;border:none;color:#4caf50;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.auth-link:hover{color:#45a049;text-decoration:underline}@media (max-width:600px){.auth-modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.auth-modal-overlay{align-items:flex-end;padding:0}.auth-modal-header{padding:32px 24px 16px}.auth-modal-header h2{font-size:24px}.auth-form{padding:24px}.auth-divider{margin:20px 24px}.google-login-btn{margin:0 24px 16px;width:calc(100% - 48px)}.auth-footer{padding:16px 24px 32px}}.nutrition-calculator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:1000px;padding:32px}.calculator-header{margin-bottom:32px;text-align:center}.calculator-header h2{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 8px}.calculator-header p{color:var(--color-text-secondary);font-size:1rem;margin:0}.calculator-form{background:var(--color-surface-muted);border-radius:var(--radius-md);margin-bottom:32px;padding:24px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.form-group input[type=number],.form-group select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:12px;transition:border-color var(--transition-base)}.form-group input[type=number]:focus,.form-group select:focus{border-color:#6366f1;outline:none}.radio-group{display:flex;gap:16px}.radio-group label{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all var(--transition-base)}.radio-group label:hover{border-color:#6366f1}.radio-group label.selected{background:#6366f11a;border-color:#6366f1;color:#6366f1}.radio-group input[type=radio]{margin:0}.btn-calculate{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:8px;padding:16px;transition:transform var(--transition-base),box-shadow var(--transition-base);width:100%}.btn-calculate:hover{box-shadow:0 12px 28px #6366f166;transform:translateY(-2px)}.calculator-results{animation:fadeIn .4s ease-in-out}.calculator-results h3{font-size:1.6rem;margin:0 0 24px;text-align:center}.calculator-results h3,.calculator-results h4{color:var(--color-text-primary);font-weight:700}.calculator-results h4{font-size:1.2rem;margin:0 0 16px}.results-section{margin-bottom:32px}.result-card{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:20px;margin-bottom:16px;padding:20px;transition:all var(--transition-base)}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-card.primary{background:linear-gradient(135deg,#6366f10d 0,var(--color-surface) 100%);border-color:#6366f14d}.result-card.highlight{background:linear-gradient(135deg,#22c55e14 0,var(--color-surface) 100%);border-color:#22c55e80}.result-card.water{background:linear-gradient(135deg,#3b82f60d 0,var(--color-surface) 100%);border-color:#3b82f64d}.result-icon{font-size:3rem;line-height:1}.result-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.result-label{color:var(--color-text-muted);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.result-value{color:var(--color-text-primary);font-size:2rem;font-weight:700}.result-description{color:var(--color-text-secondary);font-size:.85rem}.macro-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.macro-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all var(--transition-base)}.macro-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.macro-card.protein{border-color:#ef44444d}.macro-card.carbs{border-color:#fbbf244d}.macro-card.fats{border-color:#a855f74d}.macro-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.macro-icon{font-size:2rem}.macro-name{color:var(--color-text-primary);font-size:1rem;font-weight:700}.macro-value{font-size:2.2rem;margin-bottom:8px}.macro-details{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.macro-percentage{color:var(--color-text-primary);font-size:1rem;font-weight:700}.macro-bar{background:var(--color-surface-muted);border-radius:4px;height:8px;overflow:hidden}.macro-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.protein-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.carbs-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.fats-fill{background:linear-gradient(90deg,#a855f7,#9333ea)}.results-info{background:var(--color-surface-muted);border-left:4px solid #6366f1;border-radius:var(--radius-md);padding:20px}.results-info h4{color:var(--color-text-primary);font-size:1rem;margin:0 0 12px}.results-info ul{color:var(--color-text-secondary);font-size:.88rem;line-height:1.7;margin:0;padding-left:20px}.results-info li{margin-bottom:8px}.results-info strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.nutrition-calculator{padding:20px}.calculator-header h2{font-size:1.5rem}.form-row{gap:16px;grid-template-columns:1fr}.radio-group{flex-direction:column}.result-value{font-size:1.6rem}.macro-cards{grid-template-columns:1fr}.macro-value{font-size:1.8rem}}.food-photo-analyzer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.provider-selection{margin-bottom:24px}.provider-selection label{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.provider-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.provider-btn{align-items:center;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all var(--transition-base)}.provider-btn:hover{background:#6366f10d;border-color:#6366f1}.provider-btn.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.provider-icon{font-size:2rem}.provider-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.provider-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.provider-badge{border-radius:8px;font-size:.75rem;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.provider-badge.free{background:#22c55e33;color:#16a34a}.provider-badge.paid{background:#ef444433;color:#dc2626}.analyzer-header{margin-bottom:24px;text-align:center}.analyzer-header h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.analyzer-header p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.free-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-top:8px;padding:6px 12px}.mode-selection{margin-bottom:24px}.mode-selection label{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.mode-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mode-btn{align-items:center;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all var(--transition-base)}.mode-btn:hover{background:#6366f10d;border-color:#6366f1}.mode-btn.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.mode-icon{font-size:2rem}.mode-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.mode-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.mode-desc{color:var(--color-text-secondary);font-size:.8rem}.api-key-section{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:24px;padding:16px}.api-key-section label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.api-key-section label a{color:#6366f1;font-size:.85rem;margin-left:8px;text-decoration:none}.api-key-section label a:hover{text-decoration:underline}.api-key-input-group{display:flex;gap:8px}.api-key-input-group input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:monospace;font-size:.9rem;padding:10px 12px}.api-key-input-group input:focus{border-color:#6366f1;outline:none}.btn-save-key{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform var(--transition-base)}.btn-save-key:hover{transform:translateY(-1px)}.api-key-note{color:var(--color-text-muted);font-size:.8rem;font-style:italic;margin:8px 0 0}.upload-area{margin-bottom:24px}.upload-label{align-items:center;background:var(--color-surface-muted);border:3px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;transition:all var(--transition-base)}.upload-label:hover{background:#6366f10d;border-color:#6366f1}.upload-icon{font-size:4rem;margin-bottom:16px}.upload-text{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:8px}.upload-subtext{color:var(--color-text-muted);font-size:.85rem}.image-preview-section{margin-bottom:24px}.image-preview{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0 auto 16px;max-width:500px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.analyzer-actions{display:flex;gap:12px;justify-content:center}.btn-analyze{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all var(--transition-base)}.btn-analyze:hover:not(:disabled){box-shadow:0 12px 28px #6366f166;transform:translateY(-2px)}.btn-analyze:disabled{cursor:not-allowed;opacity:.6}.btn-cancel,.btn-new-analysis{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all var(--transition-base)}.btn-cancel:hover,.btn-new-analysis:hover{transform:translateY(-2px)}.btn-new-analysis{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #22c55e4d}.analyzer-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#dc2626;font-size:.9rem;font-weight:600;margin-bottom:16px;padding:16px;text-align:center}.analysis-result{animation:slideIn .4s ease-out;background:linear-gradient(135deg,#22c55e0d 0,var(--color-surface) 100%);border:2px solid #22c55e4d;border-radius:var(--radius-lg);padding:24px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.result-header h4{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0}.confidence-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px}.confidence-badge.high{background:#22c55e33;color:#16a34a}.confidence-badge.medium{background:#fbbf2433;color:#d97706}.confidence-badge.low{background:#ef444433;color:#dc2626}.food-info{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.food-info h5{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.food-info p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 8px}.portion-size{background:#6366f11a;border-radius:12px;color:#6366f1;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.nutrition-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.nutrition-item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px;transition:transform var(--transition-base)}.nutrition-item:hover{transform:translateY(-2px)}.nutrition-item.calories-item,.nutrition-item.protein-item{border-color:#ef44444d}.nutrition-item.carbs-item{border-color:#fbbf244d}.nutrition-item.fats-item{border-color:#a855f74d}.nutrition-icon{font-size:2rem}.nutrition-content{display:flex;flex-direction:column;gap:2px}.nutrition-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nutrition-value{color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.result-disclaimer{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;padding:12px}.analyzer-info{background:var(--color-surface-muted);border-left:4px solid #6366f1;border-radius:var(--radius-md);padding:20px}.analyzer-info h4{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0 0 12px}.analyzer-info ol{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7;margin:0;padding-left:20px}.analyzer-info li{margin-bottom:8px}.info-highlight{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e4d;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;margin-top:16px;padding:12px 16px}.info-highlight strong{color:#16a34a;font-weight:700}.text-input-section{margin-bottom:24px}.text-input-label{display:block;font-weight:600;margin-bottom:12px}.ingredient-textarea,.text-input-label{color:var(--color-text-primary);font-size:1rem}.ingredient-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all var(--transition-base);width:100%}.ingredient-textarea:focus{background:#6366f105;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ingredient-textarea:disabled{background:var(--color-surface-muted);cursor:not-allowed;opacity:.6}.ingredient-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.text-input-hint{background:#6366f10d;border-left:3px solid #6366f1;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-top:12px;padding:12px 16px}.text-input-hint strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.food-photo-analyzer{padding:16px}.upload-label{min-height:160px}.upload-icon{font-size:3rem}.analyzer-actions{flex-direction:column}.analyzer-actions button{width:100%}.result-header{align-items:flex-start;flex-direction:column;gap:12px}.nutrition-summary{grid-template-columns:1fr}}.calorie-tracker{margin:0 auto;max-width:900px}.date-selector{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}.date-nav-btn,.date-selector{background:var(--color-surface)}.date-nav-btn{border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);cursor:pointer;font-size:1.2rem;height:44px;transition:all var(--transition-base);width:44px}.date-nav-btn:hover{background:#6366f11a;border-color:#6366f1;transform:scale(1.1)}.date-display{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.date-text{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.today-btn{background:#6366f11a;border:1px solid #6366f14d;border-radius:16px;color:#6366f1;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all var(--transition-base)}.today-btn:hover{background:#6366f133}.daily-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.summary-card.main-calories{border-bottom:2px solid var(--color-border);margin-bottom:24px;padding-bottom:24px}.summary-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.summary-icon{font-size:2rem}.summary-label{color:var(--color-text-muted);font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-values{align-items:baseline;display:flex;gap:8px;margin-bottom:16px}.current-value{color:var(--color-text-primary);font-size:3rem;font-weight:700}.target-divider{color:var(--color-text-muted);font-size:2rem}.target-value{color:var(--color-text-secondary);font-size:2rem;font-weight:600}.unit{color:var(--color-text-muted);font-size:1rem;margin-left:4px}.progress-bar{background:var(--color-surface-muted);border-radius:8px;height:16px;margin-bottom:12px}.progress-fill{border-radius:8px;transition:width .6s ease-out}.summary-remaining{font-size:.95rem;font-weight:600;text-align:center}.macros-summary{grid-gap:16px;display:grid;gap:16px}.macro-summary-item{align-items:center;display:flex;gap:12px}.macro-summary-item .macro-icon{font-size:1.5rem}.macro-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.macro-label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.macro-value{color:var(--color-text-primary);font-size:1rem;font-weight:700}.macro-mini-bar{background:var(--color-surface-muted);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.macro-mini-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.macro-mini-fill.protein-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.macro-mini-fill.carbs-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.macro-mini-fill.fats-fill{background:linear-gradient(90deg,#a855f7,#9333ea)}.add-meal-section{margin-bottom:24px;text-align:center}.btn-add-meal{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all var(--transition-base)}.btn-add-meal:hover{box-shadow:0 12px 28px #6366f166;transform:translateY(-2px)}.add-meal-form{animation:slideDown .3s ease-out;background:var(--color-surface);border:2px solid #6366f1;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.add-meal-form h4{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group{gap:6px}.form-group label{color:var(--color-text-primary);font-size:.9rem}.form-group input,.form-group select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.95rem;padding:10px 12px;transition:border-color var(--transition-base)}.form-group input:focus,.form-group select:focus{border-color:#6366f1;outline:none}.btn-save-meal{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #22c55e4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all var(--transition-base);width:100%}.btn-save-meal:hover{box-shadow:0 12px 28px #22c55e66;transform:translateY(-2px)}.meals-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.meals-list h4{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 20px}.empty-meals{color:var(--color-text-muted);padding:40px 20px;text-align:center}.empty-icon{display:block;margin-bottom:16px}.empty-meals p{font-size:1rem;margin:8px 0}.empty-hint{color:var(--color-text-secondary)!important;font-size:.9rem!important}.meal-type-group{margin-bottom:24px}.meal-type-header{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0 0 12px;padding-bottom:8px}.meal-count{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.meal-item{align-items:center;background:var(--color-surface-muted);border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all var(--transition-base)}.meal-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translateX(4px)}.meal-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.meal-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.meal-portion{color:var(--color-text-secondary);font-size:.85rem}.meal-source{color:#6366f1;font-size:.8rem;font-weight:600}.meal-nutrition{display:flex;flex-wrap:wrap;gap:8px}.nutrition-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;padding:4px 10px}.nutrition-badge.calories-badge{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.btn-delete-meal{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all var(--transition-base)}.btn-delete-meal:hover{background:#ef444433;transform:scale(1.1)}@media (max-width:768px){.date-selector{padding:12px}.date-text{font-size:1rem}.current-value{font-size:2rem}.target-value{font-size:1.5rem}.form-row{grid-template-columns:1fr}.meal-item{align-items:flex-start;flex-direction:column}.meal-nutrition{width:100%}.btn-delete-meal{align-self:flex-end}}.water-tracker{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.date-selector input,.water-tracker{background:var(--color-surface);border:1px solid var(--color-border)}.date-selector input{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.date-selector input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.goal-section{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.goal-input{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.goal-input label{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;min-width:150px}.goal-input input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:1rem;min-width:120px;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.goal-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.progress-section{background:linear-gradient(135deg,#3b82f614,#6366f11f);border:1px solid #3b82f633;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:20px}.progress-info{align-items:center;display:flex;gap:16px;justify-content:space-between}.progress-main{align-items:baseline;display:flex;gap:8px}.progress-amount{color:#3b82f6;font-size:2rem;font-weight:700}.progress-separator{color:var(--color-text-muted);font-size:1.4rem}.progress-goal{color:var(--color-text-secondary);font-size:1.2rem;font-weight:600}.progress-percent{color:#3b82f6;font-size:1.6rem;font-weight:700}.progress-bar-container{background:#3b82f626;border-radius:999px;height:16px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 16px #3b82f699;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.motivation-message{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0;text-align:center}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon{font-size:1.8rem}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem}.stat-value{font-size:1.1rem}.quick-add-section{display:flex;flex-direction:column;gap:16px}.quick-add-section h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.glass-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.glass-btn{align-items:center;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:18px 14px;transition:all var(--transition-base)}.glass-btn:hover{background:linear-gradient(135deg,#3b82f614,#6366f10d);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f633;transform:translateY(-4px)}.glass-btn:active{transform:translateY(-2px)}.glass-icon{font-size:2.5rem;line-height:1}.glass-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.glass-amount{color:#3b82f6;font-size:1rem;font-weight:700}.custom-add{display:flex;justify-content:center}.btn-custom{background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all var(--transition-base)}.btn-custom:hover{background:#6366f10d;border-color:#6366f1;color:#6366f1}.custom-input-group{align-items:center;display:flex;gap:10px;max-width:400px;width:100%}.custom-input-group input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:1rem;padding:12px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.custom-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-add{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-add:hover{box-shadow:0 8px 20px #3b82f659;transform:translateY(-2px)}.btn-cancel{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all var(--transition-base)}.btn-cancel:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.entries-section{display:flex;flex-direction:column;gap:12px}.entries-section h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.empty-hint{color:var(--color-text-muted)}.entries-list{display:flex;flex-direction:column;gap:8px}.entry-item{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.entry-item:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.entry-time{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:8px}.time-icon{font-size:1.2rem}.entry-amount{flex:1 1;text-align:right}.amount-value{color:#3b82f6;font-size:1.2rem;font-weight:700}.btn-delete-entry{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.3rem;line-height:1;padding:8px;transition:transform var(--transition-base),background var(--transition-base)}.btn-delete-entry:hover{background:#ef44441a;transform:scale(1.15)}.btn-delete-entry:active{transform:scale(1)}.tips-section{background:linear-gradient(135deg,#22c55e14,#10b9810d);border:1px solid #22c55e33}@media (max-width:768px){.water-tracker{gap:20px;padding:20px}.tracker-header{align-items:stretch;flex-direction:column}.tracker-header h2{font-size:1.2rem}.date-selector,.date-selector input{width:100%}.goal-input{align-items:stretch;flex-direction:column}.goal-input label{min-width:0;min-width:auto}.progress-section{padding:16px}.progress-amount{font-size:1.6rem}.progress-percent{font-size:1.4rem}.stats-row{grid-template-columns:1fr}.glass-buttons{grid-template-columns:repeat(2,1fr)}.custom-input-group{flex-direction:column;max-width:100%}.btn-add,.btn-cancel,.custom-input-group input{width:100%}.tips-section{padding:16px}.tips-section ul{padding-left:20px}}@media (max-width:480px){.glass-buttons{grid-template-columns:1fr}.progress-main{align-items:flex-start;flex-direction:column;gap:4px}.progress-separator{display:none}.entry-item{flex-wrap:wrap}}.shopping-list-container{margin:0 auto;max-width:1000px;padding:20px}.shopping-list-header{margin-bottom:30px;text-align:center}.shopping-list-header h2{color:#2c3e50;font-size:28px;margin-bottom:10px}.shopping-list-subtitle{color:#7f8c8d;font-size:14px}.add-ingredient-section{margin-bottom:20px}.add-buttons-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn-add-ingredient{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .2s,box-shadow .2s}.btn-add-ingredient:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-upload-file{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:15px;text-align:center;transition:transform .2s,box-shadow .2s}.btn-upload-file:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.upload-success{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46}.upload-error,.upload-success{animation:slideIn .3s ease-out;font-size:14px;font-weight:500;margin-top:12px;padding:12px 16px}.upload-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ingredient-input-group{align-items:center;display:flex;gap:10px}.ingredient-input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-size:15px;padding:12px 16px;transition:border-color .3s}.ingredient-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-cancel-ingredient,.btn-save-ingredient{border:none;border-radius:10px;cursor:pointer;font-size:18px;height:45px;transition:all .2s;width:45px}.btn-save-ingredient{background:#10b981;color:#fff}.btn-save-ingredient:hover:not(:disabled){background:#059669;transform:scale(1.05)}.btn-save-ingredient:disabled{background:#d1d5db;cursor:not-allowed}.btn-cancel-ingredient{background:#ef4444;color:#fff}.btn-cancel-ingredient:hover{background:#dc2626;transform:scale(1.05)}.shopping-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.stat-item.stat-available{background:linear-gradient(135deg,#10b981,#059669)}.stat-item.stat-missing{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-label{display:block;font-size:13px;margin-bottom:5px;opacity:.9}.stat-value{display:block;font-size:28px}.dietician-list-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:20px}.section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#1f2937;font-size:20px;margin:0}.btn-clear-list-small{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.btn-clear-list-small:hover{background:#dc2626;transform:translateY(-1px)}.dietician-ingredients{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dietician-ingredient-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s}.dietician-ingredient-card:hover{border-color:#d1d5db;transform:translateY(-1px)}.dietician-ingredient-card.checked{background:#f0fdf4;border-color:#10b981}.dietician-checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px}.dietician-checkbox{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.dietician-ingredient-name{color:#374151;font-size:14px;font-weight:500}.dietician-ingredient-card.checked .dietician-ingredient-name{color:#059669}.btn-delete-small{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s,transform .2s}.btn-delete-small:hover{color:#ef4444;transform:scale(1.1)}.two-column-lists{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.list-column{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:20px}.available-column{border:2px solid #10b981}.missing-column{border:2px solid #f59e0b}.column-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.column-header h3{font-size:18px;margin:0}.available-column .column-header h3{color:#10b981}.missing-column .column-header h3{color:#f59e0b}.column-count{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:inline-flex;font-size:16px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 10px}.available-column .column-count{background:#d1fae5;color:#059669}.missing-column .column-count{background:#fef3c7;color:#d97706}.column-content{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.list-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s}.available-item{background:#f0fdf4;border:1px solid #d1fae5}.available-item:hover{background:#dcfce7;transform:translateX(4px)}.missing-item{align-items:stretch;background:#fffbeb;border:1px solid #fef3c7;flex-direction:column}.missing-item:hover{background:#fef3c7}.missing-item-main{align-items:center;display:flex;justify-content:space-between;width:100%}.item-icon{font-size:18px;margin-right:10px}.item-name{color:#374151;flex:1 1;font-size:14px;font-weight:500}.btn-suggest-alternative-small{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:36px;transition:transform .2s,box-shadow .2s;width:36px}.btn-suggest-alternative-small:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.1)}.btn-suggest-alternative-small:disabled{cursor:not-allowed;opacity:.6}.column-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.column-empty .empty-icon{font-size:48px;margin-bottom:12px}.column-empty p{font-size:14px;margin:0}.alternatives-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:12px}.alternatives-loading{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.loading-spinner{animation:spin 1s linear infinite;font-size:16px}@keyframes spin{to{transform:rotate(1turn)}}.alternatives-header{color:#374151;font-size:13px;margin-bottom:10px}.alternatives-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.alternative-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:10px}.alternative-content{display:flex;flex:1 1;flex-direction:column;gap:3px}.alternative-name{color:#1f2937;font-size:13px;font-weight:600}.alternative-reason{color:#6b7280;font-size:11px}.btn-add-alternative{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:28px;transition:transform .2s,background .2s;width:28px}.btn-add-alternative:hover{background:#059669;transform:scale(1.1)}.btn-close-alternatives{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px;transition:background .2s;width:100%}.btn-close-alternatives:hover{background:#4b5563}.alternatives-error{color:#ef4444;font-size:13px;padding:12px;text-align:center}.empty-state{color:#9ca3af;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#6b7280;margin-bottom:10px}.empty-state p{font-size:14px;margin-bottom:20px}.empty-state-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-add-from-empty{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-add-from-empty:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-upload-from-empty{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-upload-from-empty:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.ai-assistant-section{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;border-radius:16px;margin-top:40px;padding:25px}.ai-header{margin-bottom:20px;text-align:center}.ai-header h3{color:#2c3e50;font-size:20px;margin-bottom:5px}.ai-header p{color:#7f8c8d;font-size:13px}.ai-input-group{display:flex;gap:10px;margin-bottom:15px}.ai-question-input{border:2px solid #d1d5db;border-radius:12px;flex:1 1;font-size:15px;padding:14px 18px;transition:all .3s}.ai-question-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-ask-ai{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:22px;height:50px;transition:transform .2s,box-shadow .2s;width:50px}.btn-ask-ai:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:scale(1.05)}.btn-ask-ai:disabled{cursor:not-allowed;opacity:.6}.ai-examples{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.examples-label{color:#6b7280;font-size:12px;font-weight:600}.example-btn{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#4b5563;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s}.example-btn:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.ai-loading{align-items:center;color:#667eea;display:flex;font-weight:500;gap:12px;justify-content:center;padding:20px}.ai-response{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:15px;overflow:hidden}.ai-response-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.btn-clear-response{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;height:28px;transition:background .2s;width:28px}.btn-clear-response:hover{background:#ffffff4d}.ai-response-content{color:#374151;font-size:15px;line-height:1.6;padding:18px;white-space:pre-line}.ai-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-top:15px;padding:12px 16px}.shopping-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:40px;padding:25px}.shopping-info h4{color:#1f2937;font-size:18px;margin-bottom:15px}.shopping-info ol{margin-bottom:20px;margin-left:20px}.shopping-info li{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:12px}.info-highlight{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:15px}@media (max-width:768px){.shopping-list-container{padding:15px}.shopping-stats{grid-template-columns:1fr}.shopping-list-header h2{font-size:24px}.add-buttons-group{grid-template-columns:1fr}.ingredient-input-group{flex-direction:column}.btn-cancel-ingredient,.btn-save-ingredient{width:100%}.empty-state-buttons{flex-direction:column}.dietician-ingredients,.two-column-lists{grid-template-columns:1fr}.ai-examples{align-items:stretch;flex-direction:column}.example-btn{text-align:left}}.nutrition-dashboard{margin:0 auto;max-width:1200px;padding:0 20px}.dashboard-header{margin-bottom:32px;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin:0 0 12px}.dashboard-header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.nutrition-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:center;margin-bottom:32px;padding:8px}.nav-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;position:relative;transition:all var(--transition-base)}.nav-btn:hover{background:#6366f10d;color:#6366f1}.nav-btn.active{background:var(--gradient-primary);box-shadow:0 8px 16px #6366f14d;color:#fff}.success-message{animation:slideDown .4s ease-out;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:2px solid #22c55e4d;border-radius:var(--radius-md);color:#16a34a;font-size:1rem;font-weight:600;margin-bottom:24px;padding:16px 24px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{min-height:400px}.section-content{animation:fadeIn .3s ease-in-out}.quick-actions{background:linear-gradient(135deg,#6366f10d 0,var(--color-surface) 100%);border:2px solid #6366f133;border-radius:var(--radius-lg);margin-top:32px;padding:24px;text-align:center}.quick-actions p{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 20px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #0000001a;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 28px;transition:all var(--transition-base)}.action-btn:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-2px)}.tracker-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ai-btn{background:var(--gradient-primary);color:#fff}.no-plan-warning{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:48px 32px;text-align:center}.warning-icon{display:block;font-size:4rem;margin-bottom:20px}.no-plan-warning h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 12px}.no-plan-warning p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 24px}.btn-go-calculator{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all var(--transition-base)}.btn-go-calculator:hover{box-shadow:0 12px 28px #6366f166;transform:translateY(-2px)}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid #6366f1;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:32px;padding:24px}.info-card h4{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 16px}.info-card ul{color:var(--color-text-secondary);font-size:.95rem;line-height:1.8;margin:0;padding-left:20px}.info-card li{margin-bottom:12px}.info-card strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.nutrition-dashboard{padding:0 16px}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:.95rem}.nutrition-nav{flex-direction:column;gap:8px}.nav-btn{padding:12px 20px;width:100%}.action-buttons{flex-direction:column}.action-btn{width:100%}.no-plan-warning{padding:32px 20px}}.weight-tracker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.tracker-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.tracker-header h2{color:var(--color-text-primary);font-size:1.35rem;margin:0}.btn-add-weight{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-add-weight:hover{box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.btn-add-weight:active{transform:translateY(0)}.add-weight-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{letter-spacing:.05em;text-transform:uppercase}.form-group input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:12px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-save:active{transform:translateY(0)}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:14px;padding:18px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#6366f140}.stat-card.positive{background:linear-gradient(135deg,#22c55e1f,#34d39914);border-color:#22c55e40}.stat-card.negative{background:linear-gradient(135deg,#ef44441f,#fb718514);border-color:#ef444440}.stat-icon{font-size:2rem;line-height:1}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-size:1.4rem;font-weight:700}.target-weight-section{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:20px}.target-input{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.target-input label{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;min-width:140px}.target-input input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:1rem;min-width:120px;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.target-input input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.target-progress{display:flex;flex-direction:column;gap:8px}.progress-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.progress-bar{background:#22c55e26;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:var(--gradient-success);box-shadow:0 0 12px #22c55e66;height:100%;transition:width .4s ease}.weight-chart{display:flex;flex-direction:column;gap:12px}.weight-chart h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.chart-container{align-items:stretch;display:flex;gap:12px;min-height:220px}.chart-y-axis{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.8rem;font-weight:600;justify-content:space-between;min-width:50px;padding:8px 0;text-align:right}.chart-area{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;padding:12px;position:relative}.chart-area svg{height:100%;width:100%}.chart-x-axis{color:var(--color-text-muted);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;padding:0 62px 0 12px}.weight-list{display:flex;flex-direction:column;gap:12px}.weight-list h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.empty-state{gap:12px}.entries{display:flex;flex-direction:column;gap:8px}.weight-entry{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.weight-entry:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.entry-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.entry-date{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.entry-weight{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.btn-delete{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.3rem;line-height:1;padding:8px;transition:transform var(--transition-base),background var(--transition-base)}.btn-delete:hover{background:#ef44441a;transform:scale(1.15)}.btn-delete:active{transform:scale(1)}@media (max-width:768px){.weight-tracker{gap:20px;padding:20px}.tracker-header h2{font-size:1.2rem}.btn-add-weight{font-size:.85rem;padding:8px 16px}.form-row{gap:12px;grid-template-columns:1fr}.stats-cards{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-icon{font-size:1.6rem}.stat-value{font-size:1.2rem}.target-input{align-items:stretch;flex-direction:column}.target-input label{min-width:0;min-width:auto}.chart-container{min-height:180px}.chart-y-axis{font-size:.75rem;min-width:40px}.chart-x-axis{font-size:.7rem;padding:0 52px 0 8px}.weight-entry{padding:12px 14px}.entry-weight{font-size:1.1rem}.btn-delete{font-size:1.2rem}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.tracker-header{align-items:stretch;flex-direction:column}.btn-add-weight{width:100%}}.progress-photos{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.photos-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.photos-header h2{color:var(--color-text-primary);font-size:1.35rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-compare,.btn-upload{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-upload{background:var(--gradient-primary);box-shadow:0 4px 12px #6366f140;color:#fff}.btn-upload:hover{box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.btn-compare{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-compare:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-compare.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;color:#fff}.upload-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:20px;padding:20px}.form-section,.upload-form{display:flex;flex-direction:column}.form-section{gap:10px}.form-section label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.file-input{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:12px;transition:border-color var(--transition-base),background var(--transition-base)}.file-input:hover{background:#6366f10d;border-color:#6366f1}.help-text{color:var(--color-text-muted);font-size:.8rem;margin:0}.tag-buttons{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all var(--transition-base)}.tag-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.tag-btn.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.form-section textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-section textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.compare-section{background:linear-gradient(135deg,#10b98114,#0596690d);border:1px solid #10b98133;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:20px}.compare-section h3{color:var(--color-text-primary);font-size:1.15rem;margin:0}.compare-hint{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin:0}.compare-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.compare-item{background:var(--color-surface);border:2px solid #10b9814d;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:12px;position:relative}.compare-label{color:#10b981;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.compare-item img{aspect-ratio:3/4;border-radius:var(--radius-sm);object-fit:cover;width:100%}.compare-info{display:flex;flex-direction:column;gap:6px}.compare-date{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.compare-note{color:var(--color-text-primary);font-size:.9rem;line-height:1.4;margin:0}.btn-remove-compare{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all var(--transition-base)}.btn-remove-compare:hover{background:#ef444433;transform:scale(1.02)}.stats-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-box{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:12px;padding:16px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-box:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-box .stat-icon{font-size:2rem;line-height:1}.stat-box .stat-content{display:flex;flex-direction:column;gap:4px}.stat-box .stat-value{color:var(--color-text-primary);font-size:1.4rem;font-weight:700}.stat-box .stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.photos-gallery{min-height:300px}.empty-state{gap:16px;padding:60px 24px;text-align:center}.empty-icon{font-size:4rem}.empty-state h3{color:var(--color-text-primary);font-size:1.2rem;margin:0}.btn-start{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:8px;padding:12px 24px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-start:hover{box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.photos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.photo-card{background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.photo-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-md);transform:translateY(-4px)}.photo-card.compare-mode{cursor:pointer}.photo-card.selected{border-color:#10b981;box-shadow:0 0 0 4px #10b98133}.selection-badge{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 4px 12px #10b98166;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px;z-index:10}.photo-image{aspect-ratio:3/4;background:var(--color-surface);overflow:hidden;width:100%}.photo-image img{height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.photo-card:hover .photo-image img{transform:scale(1.05)}.photo-details{display:flex;flex-direction:column;gap:10px;padding:14px}.photo-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.photo-tag{background:#6366f11a;border-radius:var(--radius-sm);color:#6366f1;font-size:.8rem;font-weight:600;padding:4px 10px}.photo-date{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.photo-note{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.btn-delete-photo{align-self:flex-start;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all var(--transition-base)}.btn-delete-photo:hover{background:#ef444433;transform:scale(1.05)}.photo-modal{align-items:center;animation:fadeIn .2s ease;background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000080;cursor:default;max-height:90vh;max-width:600px;overflow:auto;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all var(--transition-base);width:40px;z-index:10}.modal-close:hover{background:#ef4444e6;transform:scale(1.1)}.modal-content img{border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:block;width:100%}.modal-info{display:flex;flex-direction:column;gap:12px;padding:20px}.modal-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-tag{background:#6366f11a;border-radius:var(--radius-sm);color:#6366f1;font-size:.9rem;font-weight:600;padding:6px 12px}.modal-date{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.modal-note{color:var(--color-text-primary);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.progress-photos{gap:20px;padding:20px}.photos-header{align-items:stretch;flex-direction:column}.photos-header h2{font-size:1.2rem}.header-actions{flex-direction:column}.btn-compare,.btn-upload{text-align:center;width:100%}.tag-buttons{grid-template-columns:repeat(2,1fr)}.compare-view{grid-template-columns:1fr}.stats-section{grid-template-columns:repeat(2,1fr)}.photos-grid{grid-template-columns:1fr}.modal-content{max-height:100vh;max-width:100%}.modal-content,.modal-content img{border-radius:0}}@media (max-width:480px){.stats-section{grid-template-columns:1fr}.tag-buttons{flex-direction:column}.tag-btn{width:100%}}.body-measurements{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.measurements-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.measurements-header h2{color:var(--color-text-primary);font-size:1.35rem;margin:0}.btn-add-measurement{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-add-measurement:hover{box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.add-measurement-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:20px;padding:20px}.measurements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.input-with-unit input{padding:10px 40px 10px 12px}.input-with-unit .unit{font-size:.85rem}.main-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-main{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f133;border-radius:var(--radius-md);display:flex;gap:16px;padding:20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card-main:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon-large{font-size:2.5rem;line-height:1}.stat-content-main{display:flex;flex:1 1;flex-direction:column;gap:6px}.stat-label-main{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value-main{color:var(--color-text-primary);font-size:1.8rem;font-weight:700}.stat-change{font-size:.85rem;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.measurements-history h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.measurements-list{display:flex;flex-direction:column;gap:16px}.measurement-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:18px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.measurement-card:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.measurement-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.measurement-card-header h4{color:var(--color-text-primary);font-size:1rem;margin:0}.measurement-notes{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin:6px 0 0}.btn-delete-measurement{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.3rem;line-height:1;padding:4px;transition:transform var(--transition-base),background var(--transition-base)}.btn-delete-measurement:hover{background:#ef44441a;transform:scale(1.15)}.measurement-values{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.measurement-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 12px}.measurement-icon{font-size:1.3rem;line-height:1}.measurement-label{color:var(--color-text-secondary);flex:1 1;font-size:.85rem;font-weight:600}.measurement-value{color:var(--color-text-primary);font-size:.95rem;font-weight:700;white-space:nowrap}.comparison-section{background:linear-gradient(135deg,#10b98114,#0596690d);border:1px solid #10b98133;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:20px}.comparison-section h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.comparison-subtitle{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin:0}.comparison-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.comparison-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;padding:14px}.comparison-header{align-items:center;display:flex;gap:8px}.comparison-icon{font-size:1.3rem;line-height:1}.comparison-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase}.comparison-values{align-items:center;display:flex;gap:10px;justify-content:space-between}.comparison-value-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.comparison-value-label{color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.comparison-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.comparison-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.2rem}.comparison-diff{border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;padding:8px 12px;text-align:center}.comparison-diff.positive{background:#10b98126;color:#10b981}.comparison-diff.negative{background:#ef444426;color:#ef4444}.comparison-diff.neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}@media (max-width:768px){.body-measurements{gap:20px;padding:20px}.measurements-header{align-items:stretch;flex-direction:column}.measurements-header h2{font-size:1.2rem}.btn-add-measurement{width:100%}.measurements-grid{grid-template-columns:1fr}.main-stats{grid-template-columns:repeat(2,1fr)}.stat-icon-large{font-size:2rem}.stat-value-main{font-size:1.5rem}.comparison-grid,.measurement-values{grid-template-columns:1fr}}@media (max-width:480px){.main-stats{grid-template-columns:1fr}.comparison-values{align-items:stretch;flex-direction:column}.comparison-arrow{transform:rotate(90deg)}}.body-composition{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.composition-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.composition-header h2{color:var(--color-text-primary);font-size:1.35rem;margin:0}.btn-add-composition{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-add-composition:hover{box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#6366f10d);border:1px solid #3b82f633;border-radius:var(--radius-md);display:flex;gap:12px;padding:14px 16px}.info-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.info-banner p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.add-composition-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:20px;padding:20px}.form-header{display:flex;flex-wrap:wrap;gap:16px}.form-group-inline{align-items:center;display:flex;gap:12px}.form-group-inline label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.form-group-inline input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.95rem;padding:10px 14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group-inline input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.composition-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:1rem;padding:10px 60px 10px 12px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input-with-unit input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.input-with-unit .unit{color:var(--color-text-muted);font-size:.8rem;font-weight:600;pointer-events:none;position:absolute;right:12px}.form-group textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-save{align-self:flex-end;background:var(--gradient-success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn-save:hover{box-shadow:0 8px 20px #22c55e4d;transform:translateY(-2px)}.main-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card-main{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f133;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:16px;padding:20px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.metric-card-main:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-icon-large{font-size:2.5rem;line-height:1}.metric-content-main{display:flex;flex:1 1;flex-direction:column;gap:6px}.metric-label-main{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value-main{color:var(--color-text-primary);font-size:1.8rem;font-weight:700}.unit-text{color:var(--color-text-muted);font-size:1rem;font-weight:500}.metric-status{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.metric-change{font-size:.85rem;font-weight:600}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.composition-history h3{color:var(--color-text-primary);font-size:1.1rem;margin:0}.empty-state{align-items:center;background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:48px 24px}.empty-icon{font-size:3rem;opacity:.5}.empty-state p{color:var(--color-text-muted);font-size:.95rem;margin:0;text-align:center}.empty-hint{font-size:.85rem!important;opacity:.8}.composition-list{display:flex;flex-direction:column;gap:16px}.composition-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:18px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.composition-card:hover{box-shadow:var(--shadow-sm);transform:translateX(4px)}.composition-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.composition-card-header h4{color:var(--color-text-primary);font-size:1rem;margin:0}.composition-notes{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin:6px 0 0}.btn-delete-composition{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.3rem;line-height:1;padding:4px;transition:transform var(--transition-base),background var(--transition-base)}.btn-delete-composition:hover{background:#ef44441a;transform:scale(1.15)}.composition-values{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.composition-item{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:10px;padding:12px}.composition-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.composition-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.composition-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase}.composition-value-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.composition-value{color:var(--color-text-primary);font-size:1rem;font-weight:700}.composition-status{background:#ffffff80;border-radius:4px;font-size:.75rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.tips-section{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f133;border-radius:var(--radius-md);padding:18px 20px}.tips-section h4{color:var(--color-text-primary);font-size:1rem;margin:0 0 12px}.tips-section ul{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:24px}.tips-section li{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:768px){.body-composition{gap:20px;padding:20px}.composition-header{align-items:stretch;flex-direction:column}.composition-header h2{font-size:1.2rem}.btn-add-composition{width:100%}.composition-grid,.main-metrics{grid-template-columns:1fr}.metric-icon-large{font-size:2rem}.metric-value-main{font-size:1.5rem}.composition-values{grid-template-columns:1fr}.info-banner{align-items:center;flex-direction:column;text-align:center}}@media (max-width:480px){.metric-card-main{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.0e2a107d.css.map*/