@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/Inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/Inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;color:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;position:fixed;width:100%;background:linear-gradient(180deg,#1c2128,#13171c);color:#fff;font-family:Inter,sans-serif}#root{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}#root.modal-open{filter:blur(4px);pointer-events:none}#nav-root:empty{display:none}#nav-root:not(:empty){position:fixed;inset:0;pointer-events:none;z-index:1000}#nav-root:not(:empty)>*{pointer-events:auto}#nav-root.modal-open{filter:blur(4px);pointer-events:none!important}#nav-root.modal-open>*{pointer-events:none}#overlay-root:empty{display:none}#overlay-root:not(:empty){position:fixed;inset:0;z-index:9999}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-subtle{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse-mic{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes timerBlink{0%{background-color:#3a2020;border-color:#ef4444;box-shadow:0 4px 12px #ef444466}50%{background-color:#4a2828;border-color:#f87171;box-shadow:0 6px 16px #ef444499}to{background-color:#3a2020;border-color:#ef4444;box-shadow:0 4px 12px #ef444466}}.home,.profile-view,.progress-view,.nutrition-view,.training-view{padding-bottom:calc(90px + var(--safe-area-inset-bottom, 0px))!important;margin-top:10px!important}#root.has-overflow .home,#root.has-overflow .profile-view,#root.has-overflow .progress-view,#root.has-overflow .nutrition-view,#root.has-overflow .training-view{padding-bottom:calc(110px + var(--safe-area-inset-bottom, 0px))!important}.training-header,.nutrition-header,.progress-header,.profile-header{min-height:65px}.training-header h1,.nutrition-header h1,.progress-header h1,.profile-header h1{font-size:24px;font-weight:700;line-height:1.2}.animate-view:not(.home):not(.profile-view):not(.progress-view):not(.nutrition-view):not(.training-view):not(.recipe-create-view):not(.recipe-detail-view){padding-bottom:calc(20px + var(--safe-area-inset-bottom, 0px))!important}#root.has-overflow .animate-view:not(.home):not(.profile-view):not(.progress-view):not(.nutrition-view):not(.training-view):not(.recipe-create-view):not(.recipe-detail-view){padding-bottom:calc(40px + var(--safe-area-inset-bottom, 0px))!important}.detail-header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;padding:12px 25px;padding-top:calc(var(--safe-area-inset-top, 0px) + 12px);background-color:#1c2128;z-index:10;transition:box-shadow .2s ease}#root.header-scrolled .detail-header{box-shadow:0 1px #3a4048}.detail-header h1{font-size:18px;font-weight:600;color:#fff;text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.detail-header .back-button{background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.detail-header .back-button:hover{opacity:.8}.detail-header .save-header-btn,.detail-header .menu-button{background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.detail-header .save-header-btn:hover,.detail-header .menu-button:hover{opacity:.8}.edit-routine-view .detail-header,.routine-detail-view .detail-header,.workout-history-view .detail-header,.workout-detail-view .detail-header{padding-inline:20px}.detail-header+*{margin-top:calc(var(--safe-area-inset-top, 0px) + 61px)}.macro-tag{font-size:11px;font-weight:600;background-color:#1c2128;padding:3px 8px;border-radius:6px;display:inline-block}.macro-tag.p{color:#6b9bd1e6;border:1px solid rgba(107,155,209,.15);background:#6b9bd10d}.macro-tag.c{color:#4ade80e6;border:1px solid rgba(74,222,128,.15);background:#4ade800d}.macro-tag.f{color:#fc9230e6;border:1px solid rgba(252,146,48,.15);background:#fc92300d}.ai-options-overlay,.workout-settings-overlay,.profile-edit-overlay,.regenerate-overlay,.modal-overlay,.image-fullscreen-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease-out;z-index:9999;will-change:opacity;transform:translateZ(0)}.meal-settings-overlay,.nutrition-history-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease-out;z-index:9999;will-change:opacity;transform:translateZ(0)}.ai-options-overlay{z-index:1003;animation:none}.workout-settings-overlay{z-index:1000}.workout-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.workout-settings-panel .settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.workout-settings-panel .settings-header h3{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0;padding-right:8px}.workout-settings-panel .settings-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0;margin-top:-2px}.workout-settings-panel .settings-header .close-btn:hover{color:#fff}.workout-settings-panel .settings-options{padding:20px;display:flex;flex-direction:column;gap:8px}.workout-settings-panel .setting-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-settings-panel .setting-option:hover{background-color:#252b33}.workout-settings-panel .setting-option:active{transform:scale(.98)}.workout-settings-panel .setting-option span{font-size:15px;font-weight:500;color:#fff}.workout-settings-panel .setting-option .toggle-slider{width:48px;height:26px;background-color:#3a4048;border-radius:13px;position:relative;transition:background-color .3s;flex-shrink:0}.workout-settings-panel .setting-option .toggle-slider .toggle-knob{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s}.workout-settings-panel .setting-option .toggle-slider.active{background-color:#4a9eff}.workout-settings-panel .setting-option .toggle-slider.active .toggle-knob{transform:translate(22px)}.workout-settings-panel .setting-option-btn{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-settings-panel .setting-option-btn:hover{background-color:#252b33}.workout-settings-panel .setting-option-btn:active{transform:scale(.98)}.workout-settings-panel .setting-option-btn>span{font-size:15px;font-weight:500;color:#fff}.workout-settings-panel .setting-option-btn .setting-value-display{display:flex;align-items:center;gap:6px}.workout-settings-panel .setting-option-btn .setting-value-display .setting-value{font-size:15px;font-weight:600;color:#9ca3af}.workout-settings-panel .setting-option-btn .setting-value-display svg{font-size:14px;color:#6b7280}.workout-settings-panel .setting-divider{height:1px;background-color:#3a4048;margin:8px 0}.scale-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease-out;z-index:10000}.scale-modal{background:#2a3038;border-radius:28px 28px 0 0;border-top:1px solid #3a4048;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalSlideUp .2s ease-out;box-shadow:0 -8px 32px #00000080;padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}.scale-modal .scale-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a4048;position:sticky;top:0;background-color:#2a3038;border-radius:28px 28px 0 0;z-index:1}.scale-modal .scale-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.scale-modal .scale-modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px;display:flex}.scale-modal .scale-modal-header .close-btn:hover{color:#fff}.scale-modal .scale-modal-options{padding:8px 0}.scale-modal .scale-modal-options .scale-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;border-bottom:1px solid rgba(58,64,72,.3);cursor:pointer;transition:background-color .15s}.scale-modal .scale-modal-options .scale-option:last-child{border-bottom:none}.scale-modal .scale-modal-options .scale-option:active{background-color:#ffffff08}.scale-modal .scale-modal-options .scale-option .option-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.scale-modal .scale-modal-options .scale-option .option-text .option-label{font-size:16px;color:#fff;font-weight:500}.scale-modal .scale-modal-options .scale-option .option-text .option-desc{font-size:13px;color:#6b7280}.scale-modal .scale-modal-options .scale-option .option-check{color:#4a9eff;font-size:16px;flex-shrink:0}.scale-modal .scale-modal-options .scale-option.selected{background-color:#4a9eff14}.scale-modal .scale-modal-options .scale-option.selected .option-label{color:#4a9eff}.scale-modal .scale-modal-options .scale-option.selected .option-desc{color:#9ca3af}.scale-modal .scale-modal-options .scale-option.clear-option{border-top:1px solid #3a4048;border-bottom:none}.scale-modal .scale-modal-options .scale-option.clear-option .option-label{color:#ef4444}.modal-overlay,.profile-edit-overlay,.image-fullscreen-overlay{z-index:10000}.nutrition-actions{padding:0 16px 16px;padding-bottom:calc(20px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));display:flex;flex-direction:column;gap:8px}.nutrition-actions .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 4px 12px}.nutrition-actions .modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.nutrition-actions .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;padding:4px;cursor:pointer}.nutrition-actions .modal-header .close-btn:hover{color:#fff}.nutrition-actions .action-item{position:relative;overflow:hidden;background-color:#1c212880;border:1px solid rgba(58,64,72,.4);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;font-size:16px;color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.nutrition-actions .action-item:active{transform:scale(.97)}.nutrition-actions .action-item svg{color:#4a9eff;flex-shrink:0;font-size:20px}.nutrition-actions .action-item span:nth-child(2){flex:1;text-align:left;font-weight:500}.ai-options-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1c2128;border-radius:20px;padding:24px;width:calc(100% - 48px);max-width:320px;z-index:1004;border:1px solid #3a4048;animation:modalFadeIn .25s ease-out}.ai-options-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-options-modal .modal-header h3{font-size:18px;font-weight:600;color:#fff}.ai-options-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-options-modal .ai-option-item{width:100%;background-color:#2a3038;border:1px solid #3a4048;border-radius:14px;padding:18px;display:flex;align-items:center;gap:16px;color:#fff;cursor:pointer;margin-bottom:12px}.ai-options-modal .ai-option-item:last-child{margin-bottom:0}.ai-options-modal .ai-option-item:active{background-color:#333a44}.ai-options-modal .ai-option-item svg{color:#4a9eff;flex-shrink:0}.ai-options-modal .ai-option-item .option-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ai-options-modal .ai-option-item .option-text span{font-size:16px;font-weight:500}.ai-options-modal .ai-option-item .option-text small{font-size:12px;color:#6b7280}.home>*:not(.bottom-nav),.training-view>*:not(.bottom-nav),.nutrition-view>*:not(.bottom-nav),.progress-view>*:not(.bottom-nav),.profile-view>*:not(.bottom-nav){animation:fadeIn .3s ease-out}.home{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.home .home-header{display:flex;justify-content:space-between;align-items:center}.home .home-header .header-btn{position:relative;overflow:hidden;background-color:#2d3540cc;border:none;border-radius:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.home .home-header .header-btn svg{color:#4a9eff;font-size:17px}.home .home-header .header-btn .pro-badge{top:4px;right:-14px;font-size:5.5px;padding:1.5px 16px}.home .home-header .header-btn:active{transform:scale(.92);opacity:.8}.home #greeting{font-size:32px;font-weight:700;margin-top:5px;animation:slideUp .4s ease-out}.home .box{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);padding:18px;border-radius:20px;margin-top:14px;transition:transform .2s ease,box-shadow .2s ease;animation:slideUp .35s ease-out backwards}.home .box:nth-child(2){animation-delay:.05s}.home .box:nth-child(3){animation-delay:.1s}.home .box:nth-child(4){animation-delay:.15s}.home .box:active{transform:scale(.98)}.home .box .box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.home .box .box-header .title-with-icon{display:flex;align-items:center;gap:8px}.home .box .box-header .title-with-icon .icon{font-size:20px;color:#f85837}.home .box .box-header .title-with-icon #title{font-size:18px;font-weight:600;margin:0}.home .box .box-header .chevron{font-size:18px;color:#6b7280}.home .box .box-header .home-streaks{display:flex;align-items:center;gap:10px;cursor:pointer}.home .box .box-header .home-streak{display:flex;align-items:center;gap:3px}.home .box .box-header .home-streak .streak-value{font-size:15px;font-weight:700}.home .box .box-header .home-streak .streak-icon{font-size:16px}.home .box .box-header .home-streak .streak-unit{font-size:12px;font-weight:500;color:#6b7280;margin-left:1px}.home .box .box-header .home-streak.calorie .streak-icon{fill:#22c55e;color:#22c55e}.home .box .box-header .home-streak.calorie .streak-value{color:#22c55e}.home .box .box-header .home-streak.calorie-weekly .streak-icon{fill:#60a5fa;color:#60a5fa}.home .box .box-header .home-streak.calorie-weekly .streak-value{color:#60a5fa}.home .box .box-header .home-streak.training .streak-icon{fill:#f97316;color:#f97316}.home .box .box-header .home-streak.training .streak-value{color:#f97316}.home .box .box-header .home-streak.goal .streak-icon{fill:#8b5cf6;color:#8b5cf6}.home .box .box-header .home-streak.goal .streak-value{color:#8b5cf6}.home .box .box-header .home-streak.inactive .streak-icon{fill:#4b5563;color:#4b5563}.home .box .box-header .home-streak.inactive .streak-value{color:#4b5563}.home .box #calorie-counter{font-size:18px;color:#9ca3af;margin:8px 0}.home .box #calorie-counter span{color:#fff;font-weight:600}.home .box #slider-container{background-color:#3f444d;height:12px;border-radius:10px;overflow:hidden;margin:12px 0}.home .box #slider-container #slider{height:100%;width:71%;background:linear-gradient(to right,#f85837,#fc9230);border-radius:10px}.home .box #macros-details{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.home .box #macros-details .macro-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.home .box #macros-details .macro-item .macro-icon{font-size:32px;margin-bottom:4px}.home .box #macros-details .macro-item .macro-label{font-size:14px;color:#9ca3af;margin:0}.home .box #macros-details .macro-item .macro-value{font-size:16px;font-weight:600;color:#fff;margin:0}.home .box #macros-details .macro-item:nth-child(1) .macro-icon{color:#6b9bd1}.home .box #macros-details .macro-item:nth-child(2) .macro-icon{color:#e86c5d}.home .box #macros-details .macro-item:nth-child(3) .macro-icon{color:#fc9230}.home .box .subtitle{font-size:15px;color:#9ca3af;margin:8px 0 12px}.home .box .action-button{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;margin-top:8px}.home .box .action-button:active{transform:scale(.98)}.home .box .action-button.primary{background-color:#2c7de7;color:#fff}.home .box .action-button.primary:hover{background-color:#3a8eef}.home .box .action-button.secondary{background-color:#3a4048;color:#fff}.home .box .action-button.secondary:hover{background-color:#4a5058}.home .box .weight-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.home .box .weight-header .weight-label{font-size:15px;color:#9ca3af;margin:0 0 8px}.home .box .weight-header .weight-value{font-size:32px;font-weight:700;color:#fff;margin:0}.home .box .weight-header .chart-info{display:flex;flex-direction:column;align-items:flex-end}.home .box .weight-header .chart-info .chart-label{font-size:13px;color:#9ca3af;margin:0 0 8px}#root.home-compact-light .home .box{margin-top:12px;padding:16px}#root.home-compact-light .home .box .box-header{margin-bottom:6px}#root.home-compact-light .home .box #calorie-counter{margin:6px 0}#root.home-compact-light .home .box #slider-container{margin:10px 0}#root.home-compact-light .home .box #macros-details{margin:12px 0}#root.home-compact-light .home .box #macros-details .macro-item{gap:5px}#root.home-compact-light .home .box #macros-details .macro-item .macro-icon{font-size:28px;margin-bottom:3px}#root.home-compact-light .home .box #macros-details .macro-item .macro-label{font-size:13px}#root.home-compact-light .home .box .action-button{padding:13px;margin-top:6px}#root.home-compact-light .home .box .subtitle{margin:7px 0 10px}#root.home-compact-strong .home .box{margin-top:10px;padding:14px 16px}#root.home-compact-strong .home .box .box-header{margin-bottom:4px}#root.home-compact-strong .home .box #calorie-counter{margin:4px 0}#root.home-compact-strong .home .box #slider-container{margin:8px 0}#root.home-compact-strong .home .box #macros-details{margin:10px 0}#root.home-compact-strong .home .box #macros-details .macro-item{gap:4px}#root.home-compact-strong .home .box #macros-details .macro-item .macro-icon{font-size:26px;margin-bottom:2px}#root.home-compact-strong .home .box #macros-details .macro-item .macro-label{font-size:12px}#root.home-compact-strong .home .box .action-button{padding:12px;margin-top:4px}#root.home-compact-strong .home .box .subtitle{margin:6px 0 8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#2a3038f2;border-top:1px solid rgba(58,64,72,.5);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));z-index:1000;animation:none!important;opacity:1!important;transform:translateZ(0);will-change:transform;contain:layout style paint}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 16px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;border-radius:12px}.bottom-nav .nav-item .nav-icon{font-size:22px;fill:#6b7280;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.bottom-nav .nav-item .nav-label{font-size:10px;font-weight:500;color:#9ca3af;transition:color .2s ease}.bottom-nav .nav-item.active .nav-icon{fill:#4a9eff;transform:scale(1.1)}.bottom-nav .nav-item.active .nav-label{color:#4a9eff;font-weight:600}.bottom-nav .nav-item:active{transform:scale(.92)}.ai-analyzing-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.ai-analyzing-overlay .ai-analyzing-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.ai-analyzing-overlay .ai-analyzing-spinner{font-size:40px;color:#f5c842;animation:spin 1s linear infinite}.ai-analyzing-overlay .ai-analyzing-text{font-size:18px;font-weight:600;color:#fff;margin:0}.ai-analyzing-overlay .ai-analyzing-subtext{font-size:14px;color:#aaa;margin:0;text-align:center}.ai-routine-import-view,.ai-routine-generate-view{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.ai-routine-import-view .ai-routine-content,.ai-routine-import-view .ai-generate-content,.ai-routine-generate-view .ai-routine-content,.ai-routine-generate-view .ai-generate-content{display:flex;flex-direction:column;gap:16px;padding-top:10px;padding-bottom:100px}.ai-routine-import-view .ai-routine-upload-area,.ai-routine-generate-view .ai-routine-upload-area{border:2px dashed rgba(74,158,255,.3);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s}.ai-routine-import-view .ai-routine-upload-area:hover,.ai-routine-generate-view .ai-routine-upload-area:hover{border-color:#4a9eff99}.ai-routine-import-view .upload-placeholder,.ai-routine-generate-view .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;text-align:center}.ai-routine-import-view .upload-placeholder p,.ai-routine-generate-view .upload-placeholder p{color:#9ca3af;font-size:15px;font-weight:500}.ai-routine-import-view .upload-placeholder .upload-hint,.ai-routine-generate-view .upload-placeholder .upload-hint{color:#6b7280;font-size:12px}.ai-routine-import-view .routine-files-preview,.ai-routine-generate-view .routine-files-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}.ai-routine-import-view .routine-files-preview .routine-files-grid,.ai-routine-generate-view .routine-files-preview .routine-files-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}.ai-routine-import-view .routine-files-preview .routine-files-grid.files-1 .routine-file-thumb,.ai-routine-generate-view .routine-files-preview .routine-files-grid.files-1 .routine-file-thumb{width:60%}.ai-routine-import-view .routine-files-preview .routine-files-grid.files-2 .routine-file-thumb,.ai-routine-generate-view .routine-files-preview .routine-files-grid.files-2 .routine-file-thumb{width:calc(50% - 4px)}.ai-routine-import-view .routine-files-preview .routine-files-grid.files-3 .routine-file-thumb,.ai-routine-import-view .routine-files-preview .routine-files-grid.files-many .routine-file-thumb,.ai-routine-generate-view .routine-files-preview .routine-files-grid.files-3 .routine-file-thumb,.ai-routine-generate-view .routine-files-preview .routine-files-grid.files-many .routine-file-thumb{width:calc(33.33% - 6px)}.ai-routine-import-view .routine-files-preview .routine-file-thumb,.ai-routine-generate-view .routine-files-preview .routine-file-thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#1a1a2e;border:1px solid rgba(255,255,255,.1)}.ai-routine-import-view .routine-files-preview .routine-file-thumb img,.ai-routine-generate-view .routine-files-preview .routine-file-thumb img{width:100%;height:100%;object-fit:cover}.ai-routine-import-view .routine-files-preview .routine-file-thumb .routine-file-pdf,.ai-routine-generate-view .routine-files-preview .routine-file-thumb .routine-file-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px;color:#4a9eff;font-size:24px}.ai-routine-import-view .routine-files-preview .routine-file-thumb .routine-file-pdf span,.ai-routine-generate-view .routine-files-preview .routine-file-thumb .routine-file-pdf span{font-size:9px;color:#9ca3af;text-align:center;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ai-routine-import-view .routine-files-preview .routine-file-thumb .remove-file-btn,.ai-routine-generate-view .routine-files-preview .routine-file-thumb .remove-file-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-routine-import-view .routine-files-preview .change-file-btn,.ai-routine-generate-view .routine-files-preview .change-file-btn{background:none;border:none;color:#4a9eff;font-size:13px;font-weight:600;cursor:pointer}.ai-routine-import-view .ai-routine-error,.ai-routine-generate-view .ai-routine-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px}.ai-routine-import-view .ai-routine-error p,.ai-routine-generate-view .ai-routine-error p{color:#ef4444;font-size:13px;margin:0}.ai-routine-import-view .analyze-routine-btn,.ai-routine-generate-view .analyze-routine-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#2c7de7,#4a9eff);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-routine-import-view .analyze-routine-btn:disabled,.ai-routine-generate-view .analyze-routine-btn:disabled{opacity:.5;cursor:not-allowed}.ai-routine-import-view .analyze-routine-btn:not(:disabled):hover,.ai-routine-generate-view .analyze-routine-btn:not(:disabled):hover{transform:scale(1.02)}.ai-routine-import-view .analyze-routine-btn svg,.ai-routine-generate-view .analyze-routine-btn svg{font-size:16px}.ai-routine-import-view .ai-routine-result,.ai-routine-generate-view .ai-routine-result{display:flex;flex-direction:column;gap:12px;background-color:#2a303880;border:1px solid rgba(58,64,72,.4);border-radius:16px;padding:16px}.ai-routine-import-view .ai-routine-result .ai-routine-result-header,.ai-routine-generate-view .ai-routine-result .ai-routine-result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ai-routine-import-view .ai-routine-result .accept-single-btn,.ai-routine-generate-view .ai-routine-result .accept-single-btn{background:linear-gradient(135deg,#2c7de7,#4a9eff);border:none;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-routine-import-view .ai-routine-result .accept-single-btn svg,.ai-routine-generate-view .ai-routine-result .accept-single-btn svg{color:#fff;font-size:14px}.ai-routine-import-view .ai-routine-result .accept-single-btn:hover,.ai-routine-generate-view .ai-routine-result .accept-single-btn:hover{transform:scale(1.05)}.ai-routine-import-view .ai-routine-result h2,.ai-routine-generate-view .ai-routine-result h2{font-size:18px;font-weight:700;color:#e5e7eb}.ai-routine-import-view .ai-routine-result .exercises-count,.ai-routine-generate-view .ai-routine-result .exercises-count{font-size:13px;color:#9ca3af}.ai-routine-import-view .ai-exercises-list,.ai-routine-generate-view .ai-exercises-list{display:flex;flex-direction:column;gap:8px}.ai-routine-import-view .ai-exercise-group-container,.ai-routine-generate-view .ai-exercise-group-container{position:relative;background:#1c2128;border:1px solid #3a4048;border-radius:12px;padding:36px 8px 8px;display:flex;flex-direction:column;gap:6px}.ai-routine-import-view .ai-exercise-group-container.group-type-superset,.ai-routine-generate-view .ai-exercise-group-container.group-type-superset{border-color:#3b82f659}.ai-routine-import-view .ai-exercise-group-container.group-type-triset,.ai-routine-generate-view .ai-exercise-group-container.group-type-triset{border-color:#8b5cf659}.ai-routine-import-view .ai-exercise-group-container.group-type-giantset,.ai-routine-generate-view .ai-exercise-group-container.group-type-giantset{border-color:#f59e0b59}.ai-routine-import-view .ai-exercise-group-container.group-type-circuit,.ai-routine-generate-view .ai-exercise-group-container.group-type-circuit{border-color:#22c55e59}.ai-routine-import-view .ai-exercise-group-container .ai-group-label,.ai-routine-generate-view .ai-exercise-group-container .ai-group-label{position:absolute;top:8px;left:10px;font-size:11px;font-weight:600;color:#fff;padding:2px 10px;border-radius:6px;letter-spacing:.3px}.ai-routine-import-view .ai-exercise-group-container .ai-exercise-item,.ai-routine-generate-view .ai-exercise-group-container .ai-exercise-item{border:none;background:#2a303880;border-radius:10px}.ai-routine-import-view .ai-exercise-item,.ai-routine-generate-view .ai-exercise-item{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:12px;padding:12px 14px;display:flex;flex-direction:row;align-items:center;gap:12px}.ai-routine-import-view .ai-exercise-item.unmatched,.ai-routine-generate-view .ai-exercise-item.unmatched{border-color:#ef44444d}.ai-routine-import-view .ai-exercise-item.unmatched .ai-exercise-thumb,.ai-routine-import-view .ai-exercise-item.unmatched .ai-exercise-body,.ai-routine-generate-view .ai-exercise-item.unmatched .ai-exercise-thumb,.ai-routine-generate-view .ai-exercise-item.unmatched .ai-exercise-body{opacity:.5}.ai-routine-import-view .ai-exercise-item .ai-exercise-thumb,.ai-routine-generate-view .ai-exercise-item .ai-exercise-thumb{width:44px;height:44px;border-radius:10px;background-color:#1c2128;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;cursor:pointer}.ai-routine-import-view .ai-exercise-item .ai-exercise-thumb img,.ai-routine-generate-view .ai-exercise-item .ai-exercise-thumb img{width:100%;height:100%;object-fit:cover}.ai-routine-import-view .ai-exercise-item .ai-exercise-thumb svg,.ai-routine-generate-view .ai-exercise-item .ai-exercise-thumb svg{color:#6b7280;font-size:18px}.ai-routine-import-view .ai-exercise-item .ai-exercise-body,.ai-routine-generate-view .ai-exercise-item .ai-exercise-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ai-routine-import-view .ai-exercise-item .ai-exercise-header,.ai-routine-generate-view .ai-exercise-item .ai-exercise-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-routine-import-view .ai-exercise-item .ai-exercise-name,.ai-routine-generate-view .ai-exercise-item .ai-exercise-name{font-size:14px;font-weight:600;color:#e5e7eb;flex:1}.ai-routine-import-view .ai-exercise-item .ai-exercise-edit-btn,.ai-routine-generate-view .ai-exercise-item .ai-exercise-edit-btn{background:none;border:none;color:#6b7280;padding:4px;cursor:pointer;font-size:12px;transition:color .2s;flex-shrink:0}.ai-routine-import-view .ai-exercise-item .ai-exercise-edit-btn:hover,.ai-routine-generate-view .ai-exercise-item .ai-exercise-edit-btn:hover{color:#4a9eff}.ai-routine-import-view .ai-exercise-item .unmatched-badge,.ai-routine-generate-view .ai-exercise-item .unmatched-badge{font-size:10px;font-weight:600;color:#ef4444;background-color:#ef444426;padding:2px 8px;border-radius:6px}.ai-routine-import-view .ai-exercise-item .confidence-badge,.ai-routine-generate-view .ai-exercise-item .confidence-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.ai-routine-import-view .ai-exercise-item .confidence-badge.medium,.ai-routine-generate-view .ai-exercise-item .confidence-badge.medium{color:#fbbf24;background-color:#fbbf2426}.ai-routine-import-view .ai-exercise-item .confidence-badge.low,.ai-routine-generate-view .ai-exercise-item .confidence-badge.low{color:#ef4444;background-color:#ef444426}.ai-routine-import-view .ai-exercise-item .ai-exercise-details,.ai-routine-generate-view .ai-exercise-item .ai-exercise-details{display:flex;gap:12px}.ai-routine-import-view .ai-exercise-item .ai-exercise-details span,.ai-routine-generate-view .ai-exercise-item .ai-exercise-details span{font-size:12px;color:#9ca3af;font-weight:500}.ai-routine-import-view .ai-exercise-item .original-name,.ai-routine-generate-view .ai-exercise-item .original-name{font-size:11px;color:#6b7280;font-style:italic}.ai-routine-import-view .ai-routine-notes,.ai-routine-generate-view .ai-routine-notes{background-color:#4a9eff1a;border-radius:10px;padding:10px 14px}.ai-routine-import-view .ai-routine-notes p,.ai-routine-generate-view .ai-routine-notes p{font-size:13px;color:#9ca3af;margin:0}.ai-routine-import-view .unmatched-warning,.ai-routine-generate-view .unmatched-warning{font-size:12px;color:#fbbf24;text-align:center;padding:8px}.ai-routine-import-view .ai-routine-actions,.ai-routine-generate-view .ai-routine-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.ai-routine-import-view .accept-routine-btn,.ai-routine-generate-view .accept-routine-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#2c7de7,#4a9eff);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-routine-import-view .accept-routine-btn:hover,.ai-routine-generate-view .accept-routine-btn:hover{transform:scale(1.02)}.ai-routine-import-view .retry-routine-btn,.ai-routine-generate-view .retry-routine-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:1px solid rgba(58,64,72,.6);border-radius:14px;background:transparent;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-routine-import-view .retry-routine-btn:hover,.ai-routine-generate-view .retry-routine-btn:hover{border-color:#4a5058;color:#e5e7eb}.ai-import-btn svg{color:#fbbf24!important}.ai-generate-btn svg{color:#a78bfa!important}.ai-routine-generate-view .ai-generate-form{display:flex;flex-direction:column;gap:16px}.ai-routine-generate-view .ai-form-row{display:flex;gap:12px}.ai-routine-generate-view .ai-form-row .ai-form-group{flex:1}.ai-routine-generate-view .ai-form-group{display:flex;flex-direction:column;gap:6px}.ai-routine-generate-view .ai-form-group label{font-size:13px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.ai-routine-generate-view .ai-form-group input,.ai-routine-generate-view .ai-form-group textarea{width:100%;padding:12px 14px;background-color:#252b33;border:1px solid rgba(58,64,72,.6);border-radius:12px;color:#e5e7eb;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.ai-routine-generate-view .ai-form-group input:focus,.ai-routine-generate-view .ai-form-group textarea:focus{border-color:#4a9eff}.ai-routine-generate-view .ai-form-group input::placeholder,.ai-routine-generate-view .ai-form-group textarea::placeholder{color:#6b7280}.ai-routine-generate-view .ai-form-group textarea{resize:vertical;min-height:60px}.ai-routine-generate-view .ai-form-group .mic-button,.ai-routine-generate-view .ai-form-group .recording-overlay{width:100%;margin-top:4px;border-radius:10px;border:1px solid #3a4048;background:#1c2128;box-sizing:border-box}.ai-routine-generate-view .ai-form-group .mic-button{height:46px;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;font-size:13px;padding:0}.ai-routine-generate-view .ai-form-group .mic-button:hover{border-color:#9ca3af;color:#fff}.ai-routine-generate-view .ai-form-group .mic-button.transcribing{color:#9ca3af;cursor:not-allowed}.ai-routine-generate-view .ai-form-group .mic-button:disabled{cursor:not-allowed;opacity:.4}.ai-routine-generate-view .ai-form-group .mic-button .spinning{animation:spin 1s linear infinite}.ai-routine-generate-view .ai-form-group .recording-overlay{height:52px;display:flex;align-items:center;gap:10px;padding:0 10px;animation:slideUp .2s ease-out}.ai-routine-generate-view .ai-form-group .recording-overlay .cancel-recording-btn{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff0f;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;flex-shrink:0}.ai-routine-generate-view .ai-form-group .recording-overlay .cancel-recording-btn:hover{background:#ffffff1a;color:#fff}.ai-routine-generate-view .ai-form-group .recording-overlay .recording-waveform{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0}.ai-routine-generate-view .ai-form-group .recording-overlay .recording-waveform .recording-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse 1s ease-in-out infinite;flex-shrink:0}.ai-routine-generate-view .ai-form-group .recording-overlay .recording-waveform .waveform-canvas{flex:1;height:30px;min-width:0}.ai-routine-generate-view .ai-form-group .recording-overlay .send-recording-btn{width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;flex-shrink:0}.ai-routine-generate-view .ai-form-group .ai-form-selector-btn{width:100%;padding:12px 14px;background-color:#252b33;border:1px solid rgba(58,64,72,.6);border-radius:12px;color:#e5e7eb;font-size:15px;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.ai-routine-generate-view .ai-form-group .ai-form-selector-btn span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-routine-generate-view .ai-form-group .ai-form-selector-btn svg{color:#6b7280;font-size:12px;flex-shrink:0}.ai-routine-generate-view .ai-form-group .ai-form-selector-btn:hover{border-color:#4a9eff}.ai-routine-generate-view .ai-routine-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px}.ai-routine-generate-view .ai-routine-error p{font-size:13px;color:#ef4444;margin:0}.ai-routine-generate-view .analyze-routine-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.ai-routine-generate-view .analyze-routine-btn:hover:not(:disabled){transform:scale(1.02)}.ai-routine-generate-view .analyze-routine-btn:disabled{opacity:.5;cursor:not-allowed}.ai-routine-generate-view .analyze-routine-btn .spinner-icon{animation:spin 1s linear infinite}.training-view{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.training-view .training-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.training-view .training-header h1{font-size:24px;font-weight:700}.training-view .training-header .add-button{position:relative;overflow:hidden;background-color:#2d3540cc;border:none;border-radius:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.training-view .training-header .add-button svg{color:#2c7de7;font-size:18px}.training-view .training-header .add-button .pro-badge{top:4px;right:-14px;font-size:5.5px;padding:1.5px 16px}.training-view .training-header .add-button:hover{background-color:#363e4a;transform:scale(1.1)}.training-view .workouts-list{display:flex;flex-direction:column;gap:16px}.training-view .workouts-list.compact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.training-view .workouts-list.compact .workout-card{border-radius:16px;padding:16px;gap:14px}.training-view .workouts-list.compact .workout-card .workout-info{gap:6px}.training-view .workouts-list.compact .workout-card .workout-info h3{font-size:17px;padding-right:0}.training-view .workouts-list.compact .workout-card .workout-info .workout-subtitle{font-size:14px}.training-view .workouts-list.compact .workout-card .workout-chevron{display:none}.training-view .workouts-list.compact .workout-card .start-workout-button{border-radius:12px;padding:14px;font-size:15px}.training-view .workout-card{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;animation:slideUp .35s ease-out backwards}.training-view .workout-card:nth-child(1){animation-delay:.05s}.training-view .workout-card:nth-child(2){animation-delay:.1s}.training-view .workout-card:nth-child(3){animation-delay:.15s}.training-view .workout-card:active{transform:scale(.98)}.training-view .workout-card .workout-info{display:flex;flex-direction:column;gap:8px}.training-view .workout-card .workout-info h3{font-size:20px;font-weight:600;margin:0;padding-right:30px}.training-view .workout-card .workout-info .workout-subtitle{font-size:15px;color:#9ca3af;margin:0}.training-view .workout-card .workout-chevron{position:absolute;top:22px;right:20px;font-size:18px;color:#6b7280}.training-view .workout-card .start-workout-button{background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;box-shadow:0 4px 12px #2c7de74d}.training-view .workout-card .start-workout-button:active{transform:scale(.96);box-shadow:0 2px 8px #2c7de733}.timer-header-large{position:fixed;top:0;left:0;right:0;background-color:#1a1f26;z-index:100;padding:16px 25px;border-bottom:1px solid rgba(58,64,72,.5);display:flex;justify-content:space-between;align-items:center}.timer-header-large .timer-display{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:1px}.timer-header-large .header-actions{display:flex;align-items:center;gap:10px}.timer-header-large .settings-btn{background-color:transparent;color:#6b7280;padding:10px;border-radius:10px;font-size:18px;cursor:pointer;border:none;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.timer-header-large .settings-btn:hover{color:#4a9eff;background-color:#3a4048}.timer-header-large .finish-btn-rounded{background-color:transparent;color:#4a9eff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(74,158,255,.3);transition:background-color .2s}.timer-header-large .finish-btn-rounded:hover{background-color:#4a9eff14}.timer-header-large .finish-btn-rounded:active{transform:scale(.98)}.active-workout-view{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;position:relative;padding-bottom:20px;background-color:#13171c;min-height:100%}.active-workout-view .workout-content{padding:20px 25px;display:flex;flex-direction:column;gap:20px}.active-workout-view .workout-content .exercises-list{display:flex;flex-direction:column;gap:20px}.active-workout-view .workout-content .exercise-card{background-color:transparent;border-radius:0;border:none;border-bottom:1px solid rgba(58,64,72,.5);padding:0 0 24px;width:100%;margin-bottom:20px;animation:slideUp .3s ease-out;transition:opacity .3s}.active-workout-view .workout-content .exercise-card:last-child{border-bottom:none}.active-workout-view .workout-content .exercise-card .exercise-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.active-workout-view .workout-content .exercise-card .exercise-header .title-group{display:flex;flex-direction:column;gap:4px;flex:1}.active-workout-view .workout-content .exercise-card .exercise-header .title-group h3{font-size:17px;font-weight:700;color:#f0f0f0;margin:0;letter-spacing:-.2px}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .subtitle{font-size:13px;color:#9ca3af;margin:0}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row{display:flex;align-items:center;gap:8px;margin-top:6px}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row .rest-time-badge{display:flex;align-items:center;gap:4px;font-size:12px;color:#2c7de7;background-color:#2c7de71a;border:1px solid rgba(44,125,231,.3);padding:4px 8px;border-radius:6px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row .rest-time-badge:hover{background-color:#2c7de733}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row .rest-time-badge.disabled{color:#6b7280;background-color:#6b72801a;border-color:#6b72804d}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row .rest-time-badge.disabled:hover{background-color:#6b728026}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .exercise-info-row .rest-time-badge svg{font-size:10px}.active-workout-view .workout-content .exercise-card .exercise-header .exercise-more-btn{background:none;border:none;color:#6b7280;font-size:18px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-workout-view .workout-content .exercise-card .exercise-header .exercise-more-btn:active{color:#fff}.active-workout-view .workout-content .exercise-card .sets-container{display:flex;flex-direction:column;gap:0px;width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;--grid-cols: 45px 1fr 1fr 40px}.active-workout-view .workout-content .exercise-card .sets-container.show-rir,.active-workout-view .workout-content .exercise-card .sets-container.show-rpe{--grid-cols: 45px 1fr 1fr 1fr 40px}.active-workout-view .workout-content .exercise-card .sets-container.show-rir.show-rpe{--grid-cols: 45px 1fr 1fr 1fr 1fr 40px}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row{display:grid;grid-template-columns:var(--grid-cols);gap:8px;padding:0 12px 6px;border-bottom:none;align-items:center;margin-bottom:2px}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row .set-col-header{font-size:11px;color:#4a5058;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.8px}.active-workout-view .workout-content .exercise-card .sets-container .set-row{display:grid;grid-template-columns:var(--grid-cols);gap:8px;align-items:center;padding:8px 12px;border-radius:0;transition:background-color .3s ease;background-color:transparent}.active-workout-view .workout-content .exercise-card .sets-container .set-row:hover{background-color:#ffffff05}.active-workout-view .workout-content .exercise-card .sets-container .set-row.completed{background-color:#4a9eff0d;border-left:3px solid rgba(74,158,255,.4)}.active-workout-view .workout-content .exercise-card .sets-container .set-row.completed:hover{background-color:#4a9eff14}.active-workout-view .workout-content .exercise-card .sets-container .set-row.completed .set-input{color:#9ca3af;background-color:transparent;border-color:transparent}.active-workout-view .workout-content .exercise-card .sets-container .set-number-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;background-color:transparent;border:none;color:#4a9eff}.active-workout-view .workout-content .exercise-card .sets-container .set-number-badge:hover{background-color:#4a9eff1a;transform:scale(1.05)}.active-workout-view .workout-content .exercise-card .sets-container .set-number-badge.set-label-warmup{background:transparent;color:#fbbf24}.active-workout-view .workout-content .exercise-card .sets-container .set-number-badge.set-label-dropset{background:transparent;color:#ef4444}.active-workout-view .workout-content .exercise-card .sets-container .set-input{background-color:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#fff;font-size:16px;font-weight:500;text-align:center;padding:8px 6px;outline:none;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;width:100%;min-height:38px}.active-workout-view .workout-content .exercise-card .sets-container .set-input:focus{background-color:#2c7de714;border-color:#2c7de74d}.active-workout-view .workout-content .exercise-card .sets-container .set-input::placeholder{color:#4a5058;font-size:14px;font-weight:400}.active-workout-view .workout-content .exercise-card .sets-container .set-input.has-placeholder::placeholder{color:#6b7280;font-weight:500}.active-workout-view .workout-content .exercise-card .sets-container .set-input.scale-btn{cursor:pointer;color:#9ca3af;font-size:14px;display:flex;align-items:center;justify-content:center;background-color:#2a2f36;border:none;border-radius:10px}.active-workout-view .workout-content .exercise-card .sets-container .set-input.scale-btn.has-value{font-size:16px}.active-workout-view .workout-content .exercise-card .sets-container .set-input.scale-btn:active{transform:scale(.95);opacity:.85}.active-workout-view .workout-content .exercise-card .sets-container .complete-set-btn{width:32px;height:32px;border-radius:50%;border:2px solid #3a4048;background-color:transparent;color:#4a5058;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;flex-shrink:0}.active-workout-view .workout-content .exercise-card .sets-container .complete-set-btn:hover{border-color:#4ade80;color:#4ade80;background-color:#4ade8014}.active-workout-view .workout-content .exercise-card .sets-container .complete-set-btn:active{transform:scale(.9)}.active-workout-view .workout-content .exercise-card .sets-container .complete-set-btn.is-completed{background-color:#4ade80;border-color:#4ade80;color:#fff;box-shadow:0 0 12px #4ade804d;animation:checkPop .25s ease-out}.active-workout-view .workout-content .exercise-card .active-exercise-actions{display:flex;gap:12px;margin-top:20px}.active-workout-view .workout-content .exercise-card .active-exercise-actions .add-set-btn-wide{flex:1;background-color:transparent;color:#4a5058;border:1px dashed rgba(58,64,72,.6);border-radius:10px;padding:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.active-workout-view .workout-content .exercise-card .active-exercise-actions .add-set-btn-wide:hover{border-color:#2c7de7;color:#2c7de7;background-color:#2c7de70d}.active-workout-view .workout-content .exercise-card .active-exercise-actions .add-set-btn-wide:active{transform:scale(.98)}.active-workout-view .workout-content .exercise-card>.exercise-notes-input{width:100%;margin-top:12px;padding:10px 12px;background-color:#1a1f2699;border:1px solid #2a3038;border-radius:8px;color:#9ca3af;font-size:13px;font-family:inherit}.active-workout-view .workout-content .exercise-card>.exercise-notes-input::placeholder{color:#4a5058}.active-workout-view .workout-content .exercise-card>.exercise-notes-input:focus{outline:none;border-color:#4a9eff;color:#fff}.active-workout-view .workout-content .add-exercise-btn-global{width:100%;background-color:transparent;border:2px dashed #3a4048;color:#9ca3af;border-radius:16px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.active-workout-view .workout-content .add-exercise-btn-global:hover{border-color:#2c7de7;color:#2c7de7;background-color:#2c7de70d}.active-workout-view .workout-content .add-exercise-btn-global:active{transform:scale(.98)}.active-workout-view .workout-content .workout-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.active-workout-view .workout-content .workout-empty-state .empty-icon{font-size:48px;color:#3a4048;margin-bottom:16px}.active-workout-view .workout-content .workout-empty-state .empty-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:6px}.active-workout-view .workout-content .workout-empty-state .empty-subtitle{font-size:14px;color:#6b7280;margin-bottom:24px}.active-workout-view .workout-content .workout-empty-state .add-exercise-empty-btn{padding:14px 32px;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.active-workout-view .workout-content .workout-empty-state .add-exercise-empty-btn:active{transform:scale(.98);background-color:#2569c7}.active-workout-view .rest-timer-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:#2a3038;border-top:1px solid #3a4048;box-shadow:0 -4px 12px #0000004d;animation:slideUpMenu .3s ease-out;padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}.active-workout-view .rest-timer-bar.timer-alert{animation:timerBlink .5s infinite}.active-workout-view .rest-timer-bar .rest-timer-content{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.active-workout-view .rest-timer-bar .rest-timer-info{display:flex;align-items:center;gap:10px}.active-workout-view .rest-timer-bar .rest-timer-info .timer-label-small{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.active-workout-view .rest-timer-bar .rest-timer-info .timer-value-large{font-size:28px;font-weight:700;font-family:Inter,sans-serif;font-variant-numeric:tabular-nums;line-height:1}.active-workout-view .rest-timer-bar .rest-timer-info .timer-value-large.timer-green{color:#2c7de7}.active-workout-view .rest-timer-bar .rest-timer-info .timer-value-large.timer-yellow{color:#fbbf24}.active-workout-view .rest-timer-bar .rest-timer-info .timer-value-large.timer-red{color:#ef4444}.active-workout-view .rest-timer-bar .rest-timer-controls-compact{display:flex;gap:6px;align-items:center}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn{background-color:#1c2128;color:#fff;border:1px solid #3a4048;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn:hover{background-color:#252b33;border-color:#4a5058}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn:active{transform:scale(.95)}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn.skip{background-color:#ef444433;border-color:#ef444466;color:#ef4444}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn.skip:hover{background-color:#ef44444d;border-color:#ef444499}.active-workout-view .rest-timer-bar .rest-timer-controls-compact .timer-compact-btn svg{font-size:12px}.active-workout-view .rest-timer-bar .timer-continue-btn{background-color:#2c7de7;color:#fff;border:1px solid #4a9eff;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.active-workout-view .rest-timer-bar .timer-continue-btn:hover{background-color:#3d8ef7;border-color:#5aadff}.active-workout-view .rest-timer-bar .timer-continue-btn:active{transform:scale(.95)}.active-workout-view .rest-timer-bar .rest-timer-progress-bar{width:100%;height:3px;background-color:#1c2128;position:absolute;top:0;left:0;right:0;overflow:hidden}.active-workout-view .rest-timer-bar .rest-timer-progress-bar .rest-timer-progress-fill{height:100%;transition:width .3s linear,background-color .3s}.meal-detail-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.meal-detail-view .meal-summary-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;margin-bottom:20px;animation:slideUp .3s ease-out}.meal-detail-view .meal-summary-card .main-stats{display:flex;justify-content:space-between;align-items:center}.meal-detail-view .meal-summary-card .main-stats .stat-item.calories{display:flex;flex-direction:column;align-items:center}.meal-detail-view .meal-summary-card .main-stats .stat-item.calories .value{font-size:28px;font-weight:700;color:#fff;line-height:1}.meal-detail-view .meal-summary-card .main-stats .stat-item.calories .label{font-size:13px;color:#9ca3af;margin-top:4px}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros{display:flex;gap:16px}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro{display:flex;flex-direction:column;align-items:center}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro .val{font-size:16px;font-weight:600;color:#fff}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro .lbl{font-size:11px;color:#9ca3af;text-transform:uppercase;margin-top:2px}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro.p .val{color:#6b9bd1}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro.c .val{color:#4ade80}.meal-detail-view .meal-summary-card .main-stats .stat-item.macros .macro.f .val{color:#fc9230}.meal-detail-view .meal-summary-card .main-stats .stat-divider{width:1px;height:40px;background-color:#3a4048}.meal-detail-view .foods-list-detail{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.meal-detail-view .foods-list-detail .food-detail-row{background-color:#2a3038;border-bottom:1px solid #3a4048;padding:10px 12px;border-radius:12px;display:flex;flex-direction:column;gap:2px;animation:slideUp .3s ease-out}.meal-detail-view .foods-list-detail .food-detail-row.ai-food{background-color:#2c7de71a;border-radius:0;border-bottom:1px solid rgba(44,125,231,.15)}.meal-detail-view .foods-list-detail .food-detail-row .row-top{display:flex;justify-content:space-between;align-items:flex-start}.meal-detail-view .foods-list-detail .food-detail-row .row-top .food-name-section{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.meal-detail-view .foods-list-detail .food-detail-row .row-top .food-name-section .food-name{font-size:14px;font-weight:600;color:#fff;margin-right:10px}.meal-detail-view .foods-list-detail .food-detail-row .row-top .food-name-section .food-brand{font-size:11px;color:#9ca3af}.meal-detail-view .foods-list-detail .food-detail-row .row-top .food-cals{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;margin-left:8px}.meal-detail-view .foods-list-detail .food-detail-row .row-amount{font-size:11px;color:#6b7280}.meal-detail-view .foods-list-detail .food-detail-row .row-bottom{display:flex;justify-content:space-between;align-items:center}.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-macros{display:flex;gap:8px}.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-actions{display:flex;gap:6px;flex-shrink:0}.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-actions .edit-food-btn,.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-actions .delete-food-btn{background:none;border:none;border-radius:8px;padding:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:#6b7280}.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-actions .edit-food-btn:active,.meal-detail-view .foods-list-detail .food-detail-row .row-bottom .row-actions .delete-food-btn:active{transform:scale(.9)}.meal-detail-view .foods-list-detail .food-detail-row>.row-header{display:flex;justify-content:space-between;align-items:flex-start}.meal-detail-view .foods-list-detail .food-detail-row>.row-header .food-name-section{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.meal-detail-view .foods-list-detail .food-detail-row>.row-header .food-name-section .food-name{font-size:14px;font-weight:600;color:#fff}.meal-detail-view .foods-list-detail .food-detail-row>.row-header .food-name-section .food-brand{font-size:11px;color:#9ca3af}.meal-detail-view .foods-list-detail .food-detail-row>.row-header .food-cals{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;margin-left:8px}.meal-detail-view .foods-list-detail .food-detail-row>.row-macros{display:flex;gap:8px}.meal-detail-view .add-food-btn-large{width:100%;background-color:transparent;border:2px dashed #3a4048;color:#9ca3af;border-radius:16px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.meal-detail-view .add-food-btn-large:hover{border-color:#2c7de7;color:#2c7de7;background-color:#2c7de70d}.meal-detail-view .add-food-btn-large:active{transform:scale(.98)}.spinner{animation:spin 1s linear infinite}.food-detail-view .food-detail-content{display:flex;flex-direction:column;gap:20px}.food-detail-view .food-detail-content .food-detail-header h2{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.food-detail-view .food-detail-content .food-detail-header .brand-name{font-size:15px;color:#9ca3af;margin:0}.food-detail-view .food-detail-content .nutrition-summary-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:24px;animation:slideUp .3s ease-out}.food-detail-view .food-detail-content .nutrition-summary-card .nutrition-grid{display:flex;align-items:center;justify-content:space-around}.food-detail-view .food-detail-content .nutrition-summary-card .nutrition-grid .nutrition-item{display:flex;flex-direction:column;align-items:center;gap:6px}.food-detail-view .food-detail-content .nutrition-summary-card .nutrition-grid .nutrition-item .nutrition-value{font-size:22px;font-weight:700;color:#fff}.food-detail-view .food-detail-content .nutrition-summary-card .nutrition-grid .nutrition-item .nutrition-label{font-size:12px;color:#9ca3af;text-transform:uppercase}.food-detail-view .food-detail-content .nutrition-summary-card .nutrition-grid .nutrition-divider{width:1px;height:40px;background-color:#3a4048}.food-detail-view .food-detail-content .serving-selection-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;animation:slideUp .3s ease-out}.food-detail-view .food-detail-content .serving-selection-card h3{font-size:16px;font-weight:600;margin:0 0 12px;color:#fff}.food-detail-view .food-detail-content .serving-selection-card .serving-selector{width:100%;background-color:#1c2128;color:#fff;border:1px solid #3a4048;border-radius:12px;padding:14px;font-size:15px;margin-bottom:16px;cursor:pointer;outline:none}.food-detail-view .food-detail-content .serving-selection-card .serving-selector:focus{border-color:#2c7de7}.food-detail-view .food-detail-content .serving-selection-card .quantity-input-group{display:flex;flex-direction:column;gap:8px}.food-detail-view .food-detail-content .serving-selection-card .quantity-input-group label{font-size:14px;color:#9ca3af;font-weight:500}.food-detail-view .food-detail-content .serving-selection-card .quantity-input-group .quantity-input{background-color:#1c2128;border:1px solid #3a4048;color:#fff;border-radius:12px;padding:14px;font-size:16px;font-weight:600;outline:none}.food-detail-view .food-detail-content .serving-selection-card .quantity-input-group .quantity-input:focus{border-color:#2c7de7}.food-detail-view .food-detail-content .detailed-nutrition-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;animation:slideUp .3s ease-out;margin-top:16px}.food-detail-view .food-detail-content .detailed-nutrition-card h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#fff}.food-detail-view .food-detail-content .detailed-nutrition-card .nutrition-table{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.food-detail-view .food-detail-content .detailed-nutrition-card .nutrition-table .nutrition-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #3a4048}.food-detail-view .food-detail-content .detailed-nutrition-card .nutrition-table .nutrition-row:last-child{border-bottom:none}.food-detail-view .food-detail-content .detailed-nutrition-card .nutrition-table .nutrition-row .nutrition-name{font-size:13px;color:#9ca3af;text-transform:capitalize;flex:1}.food-detail-view .food-detail-content .detailed-nutrition-card .nutrition-table .nutrition-row .nutrition-value{font-size:14px;color:#fff;font-weight:600;text-align:right}.food-detail-view .food-detail-content .add-food-button{width:100%;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;animation:slideUp .4s ease-out}.food-detail-view .food-detail-content .add-food-button:hover{background-color:#3a8eef}.food-detail-view .food-detail-content .add-food-button:active{transform:scale(.98)}.food-search-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.food-search-view .search-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.food-search-view .search-header h1{font-size:24px;font-weight:700}.food-search-view .search-header .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.food-search-view .search-header .back-button:hover{opacity:.8}.food-search-view .search-bar-container{display:flex;gap:12px;margin-bottom:24px;animation:slideUp .3s ease-out}.food-search-view .search-bar-container .input-wrapper{flex:1;position:relative;background-color:#2a3038;border-radius:12px;border:1px solid #3a4048;display:flex;align-items:center}.food-search-view .search-bar-container .input-wrapper .search-icon{position:absolute;left:14px;color:#9ca3af}.food-search-view .search-bar-container .input-wrapper input{width:100%;background:none;border:none;color:#fff;padding:14px 14px 14px 44px;font-size:16px;outline:none;border-radius:12px}.food-search-view .search-bar-container .input-wrapper input::placeholder{color:#6b7280}.food-search-view .search-bar-container .input-wrapper:focus-within{border-color:#2c7de7;box-shadow:0 0 0 2px #2c7de733}.food-search-view .search-bar-container .scan-button{background-color:#2a3038;border:1px solid #3a4048;color:#fff;border-radius:12px;width:50px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.food-search-view .search-bar-container .scan-button:hover:not(:disabled){background-color:#363e4a;border-color:#4a5058}.food-search-view .search-bar-container .scan-button:active:not(:disabled){transform:scale(.95)}.food-search-view .search-bar-container .scan-button:disabled{opacity:.4;cursor:not-allowed}.food-search-view .food-results-list{display:flex;flex-direction:column;gap:12px}.food-search-view .food-results-list .food-item-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:slideUp .3s ease-out;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.food-search-view .food-results-list .food-item-card:hover{border-color:#4a5058;transform:translateY(-2px);background-color:#2f353d}.food-search-view .food-results-list .food-item-card .food-main-info{display:flex;justify-content:space-between;align-items:center}.food-search-view .food-results-list .food-item-card .food-main-info h3{font-size:17px;font-weight:600;color:#fff;margin:0}.food-search-view .food-results-list .food-item-card .food-main-info .add-icon-btn{background:#2c7de71a;color:#2c7de7;border:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.food-search-view .food-results-list .food-item-card .food-main-info .add-icon-btn:hover{background:#2c7de7;color:#fff}.food-search-view .food-results-list .food-item-card .food-details-row{display:flex;align-items:center;justify-content:space-between}.food-search-view .food-results-list .food-item-card .food-details-row .calories-badge{display:flex;align-items:center;gap:6px;font-size:14px;color:#fff;font-weight:700}.food-search-view .food-results-list .food-item-card .food-details-row .calories-badge svg{color:#f85837}.food-search-view .food-results-list .food-item-card .food-details-row .macros-tags-row{display:flex;gap:8px}.food-search-view .food-results-list .no-results{text-align:center;padding:40px 0;color:#6b7280;font-size:15px}.nutrition-view{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.nutrition-view .nutrition-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.nutrition-view .nutrition-header h1{font-size:24px;font-weight:700}.nutrition-view .nutrition-header .header-btn{background-color:#2d3540cc;border:none;border-radius:14px;width:40px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.nutrition-view .nutrition-header .header-btn svg{color:#4a9eff;font-size:17px}.nutrition-view .nutrition-header .header-btn:active{transform:scale(.92)}.nutrition-view .calories-summary{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:24px;display:flex;gap:15px;flex-direction:column;margin-bottom:16px;animation:slideUp .3s ease-out}.nutrition-view .calories-summary #calories-info-container{display:flex;gap:20px;align-items:center;margin:0 auto}.nutrition-view .calories-summary #calories-info-container .circular-progress{flex-shrink:0}.nutrition-view .calories-summary #calories-info-container .calories-info{display:flex;flex-direction:column}.nutrition-view .calories-summary #calories-info-container .calories-info .progress-text{display:flex;width:fit-content}.nutrition-view .calories-summary #calories-info-container .calories-info .progress-text .current{font-size:28px;font-weight:700;line-height:1;width:fit-content}.nutrition-view .calories-summary #calories-info-container .calories-info .progress-text .total{font-size:16px;color:#9ca3af;margin-top:4px;width:fit-content;margin-left:7px}.nutrition-view .calories-summary #calories-info-container .calories-info .label{font-size:13px;color:#6b7280;margin-top:4px;width:fit-content}.nutrition-view .calories-summary .macros-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nutrition-view .calories-summary .macros-bars .macro-bar{display:flex;flex-direction:column;gap:6px}.nutrition-view .calories-summary .macros-bars .macro-bar .macro-bar-header{display:flex;flex-direction:column;gap:2px}.nutrition-view .calories-summary .macros-bars .macro-bar .macro-bar-header .macro-name{font-size:12px;color:#9ca3af}.nutrition-view .calories-summary .macros-bars .macro-bar .macro-bar-header .macro-amount{font-size:14px;color:#fff;font-weight:600}.nutrition-view .calories-summary .macros-bars .macro-bar .bar-container{background-color:#3f444d;height:6px;border-radius:10px;overflow:hidden}.nutrition-view .calories-summary .macros-bars .macro-bar .bar-container .bar{height:100%;border-radius:10px;transition:width 1s ease-out}.nutrition-view .calories-summary .macros-bars .macro-bar .bar-container .bar.protein{background:linear-gradient(to right,#6b9bd1,#5a8bc0)}.nutrition-view .calories-summary .macros-bars .macro-bar .bar-container .bar.carbs{background:linear-gradient(to right,#4ade80,#22c55e)}.nutrition-view .calories-summary .macros-bars .macro-bar .bar-container .bar.fats{background:linear-gradient(to right,#fc9230,#fb923c)}.nutrition-view .meals-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;animation:slideUp .25s ease-out}.nutrition-view .meals-list .meal-card{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;animation:slideUp .35s ease-out backwards;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.nutrition-view .meals-list .meal-card:nth-child(1){animation-delay:.05s}.nutrition-view .meals-list .meal-card:nth-child(2){animation-delay:.1s}.nutrition-view .meals-list .meal-card:nth-child(3){animation-delay:.15s}.nutrition-view .meals-list .meal-card.clickable{cursor:pointer}.nutrition-view .meals-list .meal-card.clickable:active{transform:scale(.98);background-color:#2f353de6}.nutrition-view .meals-list .meal-card .meal-header-row{display:flex;justify-content:space-between;align-items:flex-start}.nutrition-view .meals-list .meal-card .meal-header-row .title-area{display:flex;flex-direction:column;gap:4px}.nutrition-view .meals-list .meal-card .meal-header-row .title-area h3{font-size:18px;font-weight:600;margin:0;color:#fff}.nutrition-view .meals-list .meal-card .meal-header-row .title-area .calories-badge-small{font-size:13px;color:#9ca3af;font-weight:500}.nutrition-view .meals-list .meal-card .meal-header-row .meal-add-button{background:none;border:none;color:#2c7de7;font-size:16px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;border-radius:50%;background-color:#2c7de71a}.nutrition-view .meals-list .meal-card .meal-header-row .meal-add-button:hover{background-color:#2c7de733;color:#3a8eef}.nutrition-view .meals-list .meal-card .meal-header-row .meal-add-button:active{transform:scale(.95)}.nutrition-view .meals-list .meal-card .meal-foods-text{font-size:14px;color:#9ca3af;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nutrition-view .meals-list .meal-card .meal-macros-summary{display:flex;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.progress-view{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.progress-view .progress-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px}.progress-view .progress-header h1{font-size:24px;font-weight:700}.progress-view .progress-tabs{display:flex;gap:0;margin-bottom:16px;background:#2a303899;border-radius:10px;padding:3px}.progress-view .progress-tabs .progress-tab{flex:1;padding:8px 0;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.progress-view .progress-tabs .progress-tab.active{background:#ffffff1a;color:#e5e7eb}.progress-view .progress-card{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:20px;padding:20px;margin-bottom:16px;animation:slideUp .35s ease-out backwards}.progress-view .progress-card:nth-child(1){animation-delay:.05s}.progress-view .progress-card:nth-child(2){animation-delay:.1s}.progress-view .progress-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.progress-view .progress-card .card-header h3{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.progress-view .progress-card .card-header .chart-help-btn{background:none;border:none;color:#6b7280;font-size:16px;padding:4px;cursor:pointer;display:flex;align-items:center}.progress-view .progress-card .card-header .badge-free{font-size:13px;color:#6b7280;font-weight:500}.progress-view .progress-card .card-header .badge-premium{font-size:13px;color:#fbbf24;font-weight:500}.progress-view .progress-card .period-selector{position:relative;overflow:hidden;display:flex;gap:8px;margin-bottom:16px}.progress-view .progress-card .period-selector .period-btn{flex:1;padding:8px 0;background-color:#ffffff0a;color:#6b7280;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.progress-view .progress-card .period-selector .period-btn:active{transform:scale(.95)}.progress-view .progress-card .period-selector .period-btn.active{background-color:#2c7de71f;color:#4a9eff;border-color:#2c7de74d}.progress-view .progress-card .exercise-selector{width:100%;background-color:#3a4048;color:#fff;border:1px solid #4a5058;border-radius:12px;padding:12px 16px;font-size:16px;margin-bottom:16px;cursor:pointer;outline:none}.progress-view .progress-card .exercise-selector:focus{border-color:#2c7de7}.progress-view .progress-card .weight-chart,.progress-view .progress-card .strength-chart{background-color:#1c2128;border-radius:12px;padding:16px;margin-bottom:12px;overflow:hidden}.progress-view .progress-card .weight-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.progress-view .progress-card .weight-empty-state .weight-empty-icon{font-size:32px;color:#3a4048}.progress-view .progress-card .weight-empty-state .weight-empty-text{font-size:13px;color:#6b7280;text-align:center;line-height:1.4;max-width:200px}.progress-view .progress-card .weight-summary{display:flex;justify-content:space-between;align-items:center}.progress-view .progress-card .weight-summary .summary-label{font-size:14px;color:#9ca3af}.progress-view .progress-card .weight-summary .summary-value{font-size:20px;font-weight:700;color:#fff}.progress-view .progress-card .photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.progress-view .progress-card .photos-grid .photo-item{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-view .progress-card .photos-grid .photo-item .photo-placeholder{width:100%;aspect-ratio:3/4;background-color:#3a4048;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #4a5058;transition:transform .2s}.progress-view .progress-card .photos-grid .photo-item .photo-placeholder:hover{transform:scale(1.05);border-color:#2c7de7}.progress-view .progress-card .photos-grid .photo-item .photo-date{font-size:12px;color:#9ca3af}.progress-view .progress-card .new-pose-button{width:100%;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.progress-view .progress-card .new-pose-button:hover{background-color:#3a8eef}.progress-view .progress-card .new-pose-button:active{transform:scale(.98)}.progress-view .streak-card-v2{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px 20px;margin-bottom:16px;animation:slideUp .3s ease-out;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.progress-view .streak-card-v2.active{border-color:#f97316;background:linear-gradient(135deg,#2a3038,#3d2a1a)}.progress-view .streak-card-v2.active .streak-row-icon.training .flame-active{color:#f97316;filter:drop-shadow(0 0 8px rgba(249,115,22,.5));animation:flicker 1.5s ease-in-out infinite alternate}.progress-view .streak-card-v2.inactive .streak-row-icon.training .flame-inactive{color:#4a5058}.progress-view .streak-card-v2 .streak-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.progress-view .streak-card-v2 .streak-header h3{font-size:16px;font-weight:700;color:#fff;margin:0}.progress-view .streak-card-v2 .streak-header .streak-goal-badge{display:flex;align-items:center;gap:4px;background-color:#3a4048;color:#9ca3af;font-size:13px;font-weight:600;padding:5px 10px;border-radius:20px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.progress-view .streak-card-v2 .streak-header .streak-goal-badge.reached{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.progress-view .streak-card-v2 .streak-header .streak-goal-badge .goal-check{font-size:10px}.progress-view .streak-card-v2 .streak-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.progress-view .streak-card-v2 .streak-rows .streak-row{display:flex;align-items:center;gap:12px}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon svg{font-size:18px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon.training{background-color:#f9731626}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon.training svg{color:#f97316}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon.goal{background-color:#a78bfa26}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-icon.goal svg{color:#a78bfa}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-info{display:flex;flex-direction:column;flex:1}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-info .streak-row-label{font-size:14px;font-weight:600;color:#fff}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-info .streak-row-desc{font-size:11px;color:#6b7280}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-value{font-size:24px;font-weight:800;min-width:32px;text-align:right}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-value.training{color:#f97316}.progress-view .streak-card-v2 .streak-rows .streak-row .streak-row-value.goal{color:#a78bfa}.progress-view .streak-card-v2 .streak-timeline{display:flex;flex-direction:column;gap:8px}.progress-view .streak-card-v2 .streak-timeline .timeline-segment{display:flex;align-items:center;gap:10px}.progress-view .streak-card-v2 .streak-timeline .timeline-segment.current .segment-label{color:#4a9eff;font-weight:600}.progress-view .streak-card-v2 .streak-timeline .timeline-segment.current .segment-bar{border-color:#4a9eff4d}.progress-view .streak-card-v2 .streak-timeline .timeline-segment.future{opacity:.35}.progress-view .streak-card-v2 .streak-timeline .timeline-segment.future .segment-bar{border-style:dashed}.progress-view .streak-card-v2 .streak-timeline .timeline-segment .segment-label{font-size:11px;color:#6b7280;min-width:52px;text-align:right;white-space:nowrap}.progress-view .streak-card-v2 .streak-timeline .timeline-segment .segment-bar{flex:1;height:14px;background-color:#1c2128;border:1px solid #3a4048;border-radius:7px;overflow:hidden}.progress-view .streak-card-v2 .streak-timeline .timeline-segment .segment-bar .segment-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-view .streak-card-v2 .streak-timeline .timeline-segment .segment-bar .segment-fill.goal-met{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.progress-view .streak-card-v2 .streak-timeline .timeline-segment .segment-count{font-size:12px;font-weight:600;color:#9ca3af;min-width:30px;text-align:left}@keyframes flicker{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.progress-view .exercise-search-card{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.progress-view .exercise-search-card .exercise-search-icon{font-size:16px;color:#9ca3af}.progress-view .exercise-search-card .exercise-search-label{flex:1;font-size:15px;font-weight:500;color:#e5e7eb}.progress-view .exercise-search-card .exercise-search-chevron{font-size:14px;color:#4b5563}.progress-view .muscle-radar-card .radar-container{padding:8px 0;max-width:300px;margin:0 auto;position:relative}.progress-view .muscle-radar-card .radar-svg{width:100%;height:auto}.progress-view .muscle-radar-card .radar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.progress-view .muscle-radar-card .radar-empty .radar-empty-icon{font-size:32px;color:#3a4048}.progress-view .muscle-radar-card .radar-empty .radar-empty-text{font-size:13px;color:#6b7280;text-align:center;line-height:1.4;max-width:200px}.progress-view .muscle-detail-btn{position:relative;overflow:hidden;display:block;width:100%;padding:10px;margin-top:8px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.2);border-radius:8px;color:#4a9eff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.progress-view .muscle-detail-btn:active{background:#4a9eff33}.progress-view .calorie-calendar-card .cal-streak-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;background-color:#2a3038;border-radius:10px}.progress-view .calorie-calendar-card .cal-streak-row .cal-streak-icon{font-size:18px;color:#4a5058}.progress-view .calorie-calendar-card .cal-streak-row .cal-streak-icon.active{color:#22c55e;filter:drop-shadow(0 0 6px rgba(34,197,94,.4))}.progress-view .calorie-calendar-card .cal-streak-row .cal-streak-value{font-size:22px;font-weight:800;color:#22c55e}.progress-view .calorie-calendar-card .cal-streak-row .cal-streak-label{font-size:13px;color:#9ca3af}.progress-view .calorie-calendar-card .cal-streak-row .cal-streak-weekly-total{width:100%;font-size:12px;font-weight:600;color:#60a5fa}.progress-view .calorie-calendar-card .cal-streak-row.weekly{flex-wrap:wrap}.progress-view .calorie-calendar-card .cal-streak-row.weekly .cal-streak-icon{color:#4a5058}.progress-view .calorie-calendar-card .cal-streak-row.weekly .cal-streak-icon.active{color:#60a5fa;filter:drop-shadow(0 0 6px rgba(96,165,250,.4))}.progress-view .calorie-calendar-card .cal-streak-row.weekly .cal-streak-value{color:#60a5fa}.progress-view .calorie-calendar-card .cal-weekly-timeline{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment{display:flex;align-items:center;gap:10px}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment.current .segment-label{color:#60a5fa;font-weight:600}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment.current .segment-bar{border-color:#60a5fa4d}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment.future{opacity:.35}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment.future .segment-bar{border-style:dashed}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment .segment-label{font-size:11px;color:#6b7280;min-width:52px;text-align:right;white-space:nowrap}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment .segment-bar{flex:1;height:14px;background-color:#1c2128;border:1px solid #3a4048;border-radius:7px;overflow:hidden}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment .segment-bar .segment-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment .segment-bar .segment-fill.goal-met{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-view .calorie-calendar-card .cal-weekly-timeline .timeline-segment .segment-count{font-size:12px;font-weight:600;color:#9ca3af;min-width:40px;text-align:right}.progress-view .calorie-calendar-card .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-view .calorie-calendar-card .cal-nav button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:4px;background-color:#2a3038;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px}.progress-view .calorie-calendar-card .cal-nav button .pro-lock-tag{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:8px;font-weight:800;padding:1px 4px;border-radius:3px;letter-spacing:.5px}.progress-view .calorie-calendar-card .cal-nav button.pro-locked{width:auto;border-radius:16px;padding:0 10px 0 8px}.progress-view .calorie-calendar-card .cal-nav button:active:not(:disabled){transform:scale(.9)}.progress-view .calorie-calendar-card .cal-nav button:disabled,.progress-view .calorie-calendar-card .cal-nav button.disabled{opacity:.25;cursor:not-allowed}.progress-view .calorie-calendar-card .cal-nav .cal-month-label{font-size:15px;font-weight:600;color:#fff;text-transform:capitalize}.progress-view .calorie-calendar-card .cal-nav .cal-month-label.slide-left{animation:slideFromRight .25s ease-out}.progress-view .calorie-calendar-card .cal-nav .cal-month-label.slide-right{animation:slideFromLeft .25s ease-out}.progress-view .calorie-calendar-card .cal-grid{background-color:#2a3038;border-radius:12px;padding:10px;overflow:hidden}.progress-view .calorie-calendar-card .cal-grid .cal-weekday-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.progress-view .calorie-calendar-card .cal-grid .cal-weekday-header span{text-align:center;font-size:11px;font-weight:600;color:#6b7280;padding:4px 0}.progress-view .calorie-calendar-card .cal-grid .cal-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:3px}.progress-view .calorie-calendar-card .cal-grid .cal-days.slide-left{animation:slideFromRight .25s ease-out}.progress-view .calorie-calendar-card .cal-grid .cal-days.slide-right{animation:slideFromLeft .25s ease-out}.progress-view .calorie-calendar-card .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative}.progress-view .calorie-calendar-card .cal-day.empty{background:transparent}.progress-view .calorie-calendar-card .cal-day.no-data{background-color:#ffffff0a}.progress-view .calorie-calendar-card .cal-day.future{opacity:.3}.progress-view .calorie-calendar-card .cal-day.met{background-color:#22c55e40}.progress-view .calorie-calendar-card .cal-day.met .cal-day-number{color:#4ade80}.progress-view .calorie-calendar-card .cal-day.under{background-color:#f9731633}.progress-view .calorie-calendar-card .cal-day.under .cal-day-number{color:#fb923c}.progress-view .calorie-calendar-card .cal-day.over{background-color:#ef444433}.progress-view .calorie-calendar-card .cal-day.over .cal-day-number{color:#f87171}.progress-view .calorie-calendar-card .cal-day.today{border:1.5px solid #4A9EFF}.progress-view .calorie-calendar-card .cal-day.today .cal-day-number{font-weight:700}.progress-view .calorie-calendar-card .cal-day .cal-day-number{font-size:12px;color:#9ca3af;font-weight:500}.progress-view .calorie-calendar-card .cal-legend{display:flex;justify-content:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.progress-view .calorie-calendar-card .cal-legend .legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#9ca3af}.progress-view .calorie-calendar-card .cal-legend .legend-item.locked{opacity:.4;cursor:pointer}.progress-view .calorie-calendar-card .cal-legend .legend-pro-tag{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;cursor:pointer;letter-spacing:.5px}.progress-view .calorie-calendar-card .cal-legend .legend-dot{width:10px;height:10px;border-radius:3px}.progress-view .calorie-calendar-card .cal-legend .legend-dot.no-data{background-color:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.progress-view .calorie-calendar-card .cal-legend .legend-dot.met{background-color:#22c55e40}.progress-view .calorie-calendar-card .cal-legend .legend-dot.under{background-color:#f9731633}.progress-view .calorie-calendar-card .cal-legend .legend-dot.over{background-color:#ef444433}.profile-view{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding-left:20px;padding-right:20px}.profile-view .profile-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.profile-view .profile-header h1{font-size:24px;font-weight:700}.profile-view .profile-header .header-btn{background-color:#2d3540cc;border:none;border-radius:14px;width:40px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.profile-view .profile-header .header-btn svg{color:#4a9eff;font-size:17px}.profile-view .profile-header .header-btn:active{transform:scale(.92)}.profile-view .profile-card{background-color:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:20px;padding:20px;margin-bottom:16px;animation:slideUp .35s ease-out backwards}.profile-view .profile-card:nth-child(1){animation-delay:.05s}.profile-view .profile-card:nth-child(2){animation-delay:.1s}.profile-view .profile-card:nth-child(3){animation-delay:.15s}.profile-view .profile-card .card-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-view .profile-card .card-header-with-button h3{font-size:18px;font-weight:600;margin:0}.profile-view .profile-card .card-header-with-button .edit-button{display:flex;align-items:center;gap:6px;background-color:#2c7de71a;border:none;color:#4a9eff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:10px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.profile-view .profile-card .card-header-with-button .edit-button:active{transform:scale(.95)}.profile-view .profile-card .card-header-with-button .edit-button svg{font-size:11px}.profile-view .profile-card .data-rows{display:flex;flex-direction:column;gap:0}.profile-view .profile-card .data-rows .data-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(58,64,72,.4)}.profile-view .profile-card .data-rows .data-row:last-child{border-bottom:none;padding-bottom:0}.profile-view .profile-card .data-rows .data-row:first-child{padding-top:0}.profile-view .profile-card .data-rows .data-row .data-label{font-size:14px;color:#6b7280}.profile-view .profile-card .data-rows .data-row .data-value{font-size:15px;color:#fff;font-weight:500}.profile-view .profile-card .loading-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;gap:12px;color:#9ca3af}.profile-view .profile-card .loading-profile .spinner{animation:spin 1s linear infinite;font-size:24px;color:#4a9eff}.profile-view .profile-card .no-profile{text-align:center;padding:20px 0}.profile-view .profile-card .no-profile p{color:#9ca3af;margin-bottom:16px}.profile-view .profile-card .no-profile .setup-profile-btn{background-color:#2c7de7;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.profile-view .profile-card .no-profile .setup-profile-btn:active{transform:scale(.97)}.profile-view .profile-card.macros-card h3{font-size:18px;font-weight:600;margin:0 0 4px}.profile-view .profile-card.macros-card .macros-subtitle{font-size:13px;color:#6b7280;margin:0 0 16px}.profile-view .profile-card.macros-card .macros-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-view .profile-card.macros-card .macros-grid .macro-box{background-color:#1c212899;border-radius:14px;padding:14px;text-align:left;border:1px solid rgba(58,64,72,.4);border-left:3px solid #3a4048}.profile-view .profile-card.macros-card .macros-grid .macro-box .macro-label{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-weight:500;margin-bottom:4px}.profile-view .profile-card.macros-card .macros-grid .macro-box .macro-value{display:block;font-size:22px;font-weight:700}.profile-view .profile-card.macros-card .macros-grid .macro-box.calories{border-left-color:#4a9eff}.profile-view .profile-card.macros-card .macros-grid .macro-box.calories .macro-value{color:#4a9eff}.profile-view .profile-card.macros-card .macros-grid .macro-box.protein{border-left-color:#6b9bd1}.profile-view .profile-card.macros-card .macros-grid .macro-box.protein .macro-value{color:#6b9bd1}.profile-view .profile-card.macros-card .macros-grid .macro-box.carbs{border-left-color:#4ade80}.profile-view .profile-card.macros-card .macros-grid .macro-box.carbs .macro-value{color:#4ade80}.profile-view .profile-card.macros-card .macros-grid .macro-box.fats{border-left-color:#fc9230}.profile-view .profile-card.macros-card .macros-grid .macro-box.fats .macro-value{color:#fc9230}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-view .excel-button{width:100%;background-color:#2d343d;color:#e5e7eb;border:1px solid #3a4048;border-radius:12px;padding:16px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px;animation:slideUp .4s ease-out}.profile-view .excel-button:hover{background-color:#363e49;border-color:#4a5568}.profile-view .excel-button:active{transform:scale(.98)}.profile-view .excel-button svg{stroke:#9ca3af}.profile-view .excel-button .premium-badge{font-size:14px;font-weight:500;opacity:.9}.profile-view .account-card .account-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #3a4048}.profile-view .account-card .change-password-button,.profile-view .account-card .logout-button,.profile-view .account-card .delete-account-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.profile-view .account-card .change-password-button{background-color:#4a9eff1a;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.profile-view .account-card .change-password-button:hover{background-color:#4a9eff33;border-color:#4a9eff80}.profile-view .account-card .logout-button{background-color:#2d343d;color:#e5e7eb;border:1px solid #3a4048}.profile-view .account-card .logout-button:hover{background-color:#363e49;border-color:#4a5568}.profile-view .account-card .delete-account-button{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.profile-view .account-card .delete-account-button:hover{background-color:#ef444433;border-color:#ef444480}.profile-view .wrapped-card{margin-bottom:16px;animation:slideUp .5s ease-out}.profile-view .wrapped-card .wrapped-content{background:#2a303866;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.profile-view .wrapped-card .wrapped-content:hover{transform:translateY(-5px);border-color:#ffffff4d}.profile-view .wrapped-card .wrapped-content:hover .wrapped-bg-anim{opacity:.8}.profile-view .wrapped-card .wrapped-content .wrapped-bg-anim{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,#764ba266,#667eea33 25%,#2a303800 70%);animation:rotate 10s linear infinite;z-index:-1;opacity:.5}.profile-view .wrapped-card .wrapped-content .wrapped-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.profile-view .wrapped-card .wrapped-content .wrapped-header .wrapped-badge{background:linear-gradient(90deg,#ff61d2,#fe9090);color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:20px;letter-spacing:1px}.profile-view .wrapped-card .wrapped-content .wrapped-header .confetti{font-size:20px}.profile-view .wrapped-card .wrapped-content h2{font-size:28px;line-height:1.1;margin-bottom:8px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.profile-view .wrapped-card .wrapped-content h2 span{font-size:36px;background:linear-gradient(to right,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-view .wrapped-card .wrapped-content p{color:#9ca3af;font-size:14px;margin-bottom:20px;max-width:80%}.profile-view .wrapped-card .wrapped-content .wrapped-cta{background:linear-gradient(90deg,#667eea,#764ba2);border:none;padding:10px 24px;color:#fff;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 15px #764ba266;transition:transform .2s,box-shadow .2s;animation:pulse-subtle 2s infinite}.profile-view .wrapped-card .wrapped-content .wrapped-cta:hover{transform:scale(1.05);box-shadow:0 6px 20px #764ba299}.profile-edit-modal{background-color:#1c2128;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.profile-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a4048;position:sticky;top:0;background-color:#1c2128;z-index:1}.profile-edit-modal .modal-header h3{margin:0;font-size:20px;font-weight:600}.profile-edit-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px}.profile-edit-modal .modal-header .close-btn:hover{color:#fff}.profile-edit-modal .profile-form{padding:20px}.profile-edit-modal .profile-form .weight-warning{display:flex;align-items:flex-start;gap:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:14px;margin-bottom:20px}.profile-edit-modal .profile-form .weight-warning svg{flex-shrink:0;color:#ef4444;margin-top:2px}.profile-edit-modal .profile-form .weight-warning div p{margin:0;font-size:14px;color:#ef4444}.profile-edit-modal .profile-form .weight-warning div p:first-child{margin-bottom:4px}.profile-edit-modal .profile-form .weight-warning div p:last-child{color:#f87171;font-size:13px}.profile-edit-modal .profile-form .current-weight-display{display:flex;justify-content:space-between;align-items:center;background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:10px;padding:14px;margin-bottom:20px}.profile-edit-modal .profile-form .current-weight-display .label{font-size:14px;color:#9ca3af}.profile-edit-modal .profile-form .current-weight-display .value{font-size:18px;font-weight:600;color:#4a9eff}.profile-edit-modal .profile-form .form-group{margin-bottom:20px}.profile-edit-modal .profile-form .form-group label{display:block;font-size:14px;font-weight:500;color:#9ca3af;margin-bottom:8px}.profile-edit-modal .profile-form .form-group input[type=number],.profile-edit-modal .profile-form .form-group input[type=text],.profile-edit-modal .profile-form .form-group input[type=email],.profile-edit-modal .profile-form .form-group input[type=password],.profile-edit-modal .profile-form .form-group select{width:100%;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;padding:12px;color:#fff;font-size:16px;transition:border-color .2s}.profile-edit-modal .profile-form .form-group input[type=number]:focus,.profile-edit-modal .profile-form .form-group input[type=text]:focus,.profile-edit-modal .profile-form .form-group input[type=email]:focus,.profile-edit-modal .profile-form .form-group input[type=password]:focus,.profile-edit-modal .profile-form .form-group select:focus{outline:none;border-color:#4a9eff}.profile-edit-modal .profile-form .form-group input[type=number]::placeholder,.profile-edit-modal .profile-form .form-group input[type=text]::placeholder,.profile-edit-modal .profile-form .form-group input[type=email]::placeholder,.profile-edit-modal .profile-form .form-group input[type=password]::placeholder,.profile-edit-modal .profile-form .form-group select::placeholder{color:#6b7280}.profile-edit-modal .profile-form .form-group input[type=number].disabled-input,.profile-edit-modal .profile-form .form-group input[type=text].disabled-input,.profile-edit-modal .profile-form .form-group input[type=email].disabled-input,.profile-edit-modal .profile-form .form-group input[type=password].disabled-input,.profile-edit-modal .profile-form .form-group select.disabled-input{opacity:.5;cursor:not-allowed}.profile-edit-modal .profile-form .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.profile-edit-modal .profile-form .form-group .radio-group{display:flex;gap:12px}.profile-edit-modal .profile-form .form-group .radio-group .radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.profile-edit-modal .profile-form .form-group .radio-group .radio-option input[type=radio]{display:none}.profile-edit-modal .profile-form .form-group .radio-group .radio-option span{font-size:14px;color:#9ca3af}.profile-edit-modal .profile-form .form-group .radio-group .radio-option.selected{border-color:#4a9eff;background-color:#4a9eff1a}.profile-edit-modal .profile-form .form-group .radio-group .radio-option.selected span{color:#4a9eff}.profile-edit-modal .profile-form .form-group .radio-group .radio-option:hover:not(.selected){border-color:#5a6270}.profile-edit-modal .profile-form .macros-preview{background-color:#2a3038;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #3a4048}.profile-edit-modal .profile-form .macros-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#9ca3af}.profile-edit-modal .profile-form .macros-preview .preview-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.profile-edit-modal .profile-form .macros-preview .preview-row span:first-child{color:#9ca3af}.profile-edit-modal .profile-form .macros-preview .preview-row span:last-child{color:#fff;font-weight:600}.profile-edit-modal .profile-form .form-error{color:#ef4444;font-size:14px;text-align:center;margin-bottom:16px}.profile-edit-modal .profile-form .save-profile-btn{width:100%;background-color:#4a9eff;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.profile-edit-modal .profile-form .save-profile-btn:hover:not(:disabled){background-color:#3a8eef}.profile-edit-modal .profile-form .save-profile-btn:disabled{background-color:#3a4048;cursor:not-allowed;color:#6b7280}.profile-edit-modal.delete-modal .delete-confirm-content{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-edit-modal.delete-modal .delete-confirm-content .warning-icon{margin-bottom:16px;color:#ef4444}.profile-edit-modal.delete-modal .delete-confirm-content .warning-text{font-size:14px;color:#9ca3af;margin-bottom:20px;line-height:1.5}.profile-edit-modal.delete-modal .delete-confirm-content .warning-text strong{color:#ef4444}.profile-edit-modal.delete-modal .delete-confirm-content .confirm-instruction{font-size:14px;color:#9ca3af;margin-bottom:12px}.profile-edit-modal.delete-modal .delete-confirm-content .confirm-instruction strong{color:#fff}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-input{width:100%;padding:12px 16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:10px;color:#fff;font-size:16px;text-align:center;margin-bottom:16px}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-input:focus{outline:none;border-color:#ef4444}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-input::placeholder{color:#6b7280}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-btn{width:100%;padding:14px;background-color:#ef4444;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-btn:hover:not(:disabled){background-color:#dc2626}.profile-edit-modal.delete-modal .delete-confirm-content .delete-confirm-btn:disabled{background-color:#3a4048;color:#6b7280;cursor:not-allowed}.edit-profile-view,.edit-account-view{background-color:#161b22}.edit-profile-view .edit-profile-content,.edit-account-view .edit-profile-content{padding:20px}.edit-profile-view .edit-profile-content .weight-warning-banner,.edit-account-view .edit-profile-content .weight-warning-banner{display:flex;align-items:flex-start;gap:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:14px;margin-bottom:20px}.edit-profile-view .edit-profile-content .weight-warning-banner svg,.edit-account-view .edit-profile-content .weight-warning-banner svg{flex-shrink:0;color:#ef4444;margin-top:2px}.edit-profile-view .edit-profile-content .weight-warning-banner p,.edit-account-view .edit-profile-content .weight-warning-banner p{margin:0;font-size:14px;color:#ef4444}.edit-profile-view .edit-profile-content .weight-warning-banner p:last-child,.edit-account-view .edit-profile-content .weight-warning-banner p:last-child{color:#f87171;font-size:13px;margin-top:4px}.edit-profile-view .edit-profile-content .current-weight-banner,.edit-account-view .edit-profile-content .current-weight-banner{display:flex;justify-content:space-between;align-items:center;background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:10px;padding:14px;margin-bottom:20px}.edit-profile-view .edit-profile-content .current-weight-banner .label,.edit-account-view .edit-profile-content .current-weight-banner .label{font-size:14px;color:#9ca3af}.edit-profile-view .edit-profile-content .current-weight-banner .value,.edit-account-view .edit-profile-content .current-weight-banner .value{font-size:18px;font-weight:600;color:#4a9eff}.edit-profile-view .edit-profile-content .edit-form-group,.edit-account-view .edit-profile-content .edit-form-group{margin-bottom:20px}.edit-profile-view .edit-profile-content .edit-form-group label,.edit-account-view .edit-profile-content .edit-form-group label{display:block;font-size:14px;font-weight:500;color:#9ca3af;margin-bottom:8px}.edit-profile-view .edit-profile-content .edit-form-group input[type=number],.edit-profile-view .edit-profile-content .edit-form-group input[type=text],.edit-profile-view .edit-profile-content .edit-form-group input[type=email],.edit-profile-view .edit-profile-content .edit-form-group input[type=date],.edit-profile-view .edit-profile-content .edit-form-group input[type=password],.edit-account-view .edit-profile-content .edit-form-group input[type=number],.edit-account-view .edit-profile-content .edit-form-group input[type=text],.edit-account-view .edit-profile-content .edit-form-group input[type=email],.edit-account-view .edit-profile-content .edit-form-group input[type=date],.edit-account-view .edit-profile-content .edit-form-group input[type=password]{width:100%;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;padding:12px;color:#fff;font-size:16px;transition:border-color .2s}.edit-profile-view .edit-profile-content .edit-form-group input[type=number]:focus,.edit-profile-view .edit-profile-content .edit-form-group input[type=text]:focus,.edit-profile-view .edit-profile-content .edit-form-group input[type=email]:focus,.edit-profile-view .edit-profile-content .edit-form-group input[type=date]:focus,.edit-profile-view .edit-profile-content .edit-form-group input[type=password]:focus,.edit-account-view .edit-profile-content .edit-form-group input[type=number]:focus,.edit-account-view .edit-profile-content .edit-form-group input[type=text]:focus,.edit-account-view .edit-profile-content .edit-form-group input[type=email]:focus,.edit-account-view .edit-profile-content .edit-form-group input[type=date]:focus,.edit-account-view .edit-profile-content .edit-form-group input[type=password]:focus{outline:none;border-color:#4a9eff}.edit-profile-view .edit-profile-content .edit-form-group input[type=number]::placeholder,.edit-profile-view .edit-profile-content .edit-form-group input[type=text]::placeholder,.edit-profile-view .edit-profile-content .edit-form-group input[type=email]::placeholder,.edit-profile-view .edit-profile-content .edit-form-group input[type=date]::placeholder,.edit-profile-view .edit-profile-content .edit-form-group input[type=password]::placeholder,.edit-account-view .edit-profile-content .edit-form-group input[type=number]::placeholder,.edit-account-view .edit-profile-content .edit-form-group input[type=text]::placeholder,.edit-account-view .edit-profile-content .edit-form-group input[type=email]::placeholder,.edit-account-view .edit-profile-content .edit-form-group input[type=date]::placeholder,.edit-account-view .edit-profile-content .edit-form-group input[type=password]::placeholder{color:#6b7280}.edit-profile-view .edit-profile-content .edit-form-group input[type=number].disabled-input,.edit-profile-view .edit-profile-content .edit-form-group input[type=text].disabled-input,.edit-profile-view .edit-profile-content .edit-form-group input[type=email].disabled-input,.edit-profile-view .edit-profile-content .edit-form-group input[type=date].disabled-input,.edit-profile-view .edit-profile-content .edit-form-group input[type=password].disabled-input,.edit-account-view .edit-profile-content .edit-form-group input[type=number].disabled-input,.edit-account-view .edit-profile-content .edit-form-group input[type=text].disabled-input,.edit-account-view .edit-profile-content .edit-form-group input[type=email].disabled-input,.edit-account-view .edit-profile-content .edit-form-group input[type=date].disabled-input,.edit-account-view .edit-profile-content .edit-form-group input[type=password].disabled-input{opacity:.5;cursor:not-allowed}.edit-profile-view .edit-profile-content .edit-form-group .radio-group,.edit-account-view .edit-profile-content .edit-form-group .radio-group{display:flex;gap:12px}.edit-profile-view .edit-profile-content .edit-form-group .radio-group .radio-option,.edit-account-view .edit-profile-content .edit-form-group .radio-group .radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:#9ca3af;font-size:14px}.edit-profile-view .edit-profile-content .edit-form-group .radio-group .radio-option.selected,.edit-account-view .edit-profile-content .edit-form-group .radio-group .radio-option.selected{border-color:#4a9eff;background-color:#4a9eff1a;color:#4a9eff}.edit-profile-view .edit-profile-content .edit-form-group .radio-group .radio-option.selected span,.edit-account-view .edit-profile-content .edit-form-group .radio-group .radio-option.selected span{color:#4a9eff}.edit-profile-view .edit-profile-content .edit-form-group .radio-group .radio-option:hover:not(.selected),.edit-account-view .edit-profile-content .edit-form-group .radio-group .radio-option:hover:not(.selected){border-color:#5a6270}.edit-profile-view .edit-profile-content .edit-form-group .selector-button,.edit-account-view .edit-profile-content .edit-form-group .selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;padding:12px;color:#fff;font-size:16px;cursor:pointer;transition:border-color .2s}.edit-profile-view .edit-profile-content .edit-form-group .selector-button:hover,.edit-account-view .edit-profile-content .edit-form-group .selector-button:hover{border-color:#5a6270}.edit-profile-view .edit-profile-content .edit-form-group .selector-button .selector-arrow,.edit-account-view .edit-profile-content .edit-form-group .selector-button .selector-arrow{color:#9ca3af;font-size:12px}.edit-profile-view .edit-profile-content .macros-preview,.edit-account-view .edit-profile-content .macros-preview{background-color:#2a3038;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #3a4048}.edit-profile-view .edit-profile-content .macros-preview h4,.edit-account-view .edit-profile-content .macros-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#9ca3af}.edit-profile-view .edit-profile-content .macros-preview .preview-row,.edit-account-view .edit-profile-content .macros-preview .preview-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.edit-profile-view .edit-profile-content .macros-preview .preview-row span:first-child,.edit-account-view .edit-profile-content .macros-preview .preview-row span:first-child{color:#9ca3af}.edit-profile-view .edit-profile-content .macros-preview .preview-row span:last-child,.edit-account-view .edit-profile-content .macros-preview .preview-row span:last-child{color:#fff;font-weight:600}.edit-profile-view .edit-profile-content .save-profile-btn,.edit-account-view .edit-profile-content .save-profile-btn{width:100%;background-color:#4a9eff;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.edit-profile-view .edit-profile-content .save-profile-btn:hover:not(:disabled),.edit-account-view .edit-profile-content .save-profile-btn:hover:not(:disabled){background-color:#3a8eef}.edit-profile-view .edit-profile-content .save-profile-btn:disabled,.edit-account-view .edit-profile-content .save-profile-btn:disabled{background-color:#3a4048;cursor:not-allowed;color:#6b7280}.selector-modal-overlay,.nutrition-actions-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out;z-index:10000}.nutrition-actions-overlay{z-index:1001}.selector-modal,.nutrition-actions{background:#2a3038;border-radius:28px 28px 0 0;border-top:1px solid #3a4048;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalSlideUp .2s ease-out;box-shadow:0 -8px 32px #00000080}.selector-modal{padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}.selector-modal .selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a4048;position:sticky;top:0;background-color:#1c2128;z-index:1}.selector-modal .selector-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.selector-modal .selector-modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px}.selector-modal .selector-modal-header .close-btn:hover{color:#fff}.selector-modal .selector-modal-options{padding:8px 0}.selector-modal .selector-modal-options .selector-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;border-bottom:1px solid #2a3038;cursor:pointer;transition:background-color .15s}.selector-modal .selector-modal-options .selector-option:last-child{border-bottom:none}.selector-modal .selector-modal-options .selector-option:hover{background-color:#2a3038}.selector-modal .selector-modal-options .selector-option.selected{background-color:#4a9eff14}.selector-modal .selector-modal-options .selector-option.selected .option-label{color:#4a9eff}.selector-modal .selector-modal-options .selector-option .option-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.selector-modal .selector-modal-options .selector-option .option-text .option-label{font-size:16px;color:#fff;font-weight:500}.selector-modal .selector-modal-options .selector-option .option-text .option-description{font-size:13px;color:#9ca3af}.selector-modal .selector-modal-options .selector-option .option-check{color:#4a9eff;font-size:16px;flex-shrink:0}.weight-tracker-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.weight-tracker-view .weight-input-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;margin-bottom:24px;animation:slideUp .3s ease-out}.weight-tracker-view .weight-input-card .current-weight-display{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.weight-tracker-view .weight-input-card .current-weight-display .value{font-size:56px;font-weight:800;color:#fff;line-height:1}.weight-tracker-view .weight-input-card .current-weight-display .unit{font-size:20px;color:#9ca3af;font-weight:600}.weight-tracker-view .weight-input-card .label-current{font-size:14px;color:#9ca3af;margin-bottom:24px}.weight-tracker-view .weight-input-card .input-section{width:100%;display:flex;flex-direction:column;gap:12px}.weight-tracker-view .weight-input-card .input-section input{width:100%;background-color:#1c2128;border:1px solid #3a4048;color:#fff;border-radius:12px;padding:14px;font-size:18px;font-weight:600;outline:none;transition:border-color .2s}.weight-tracker-view .weight-input-card .input-section input:focus{border-color:#2c7de7}.weight-tracker-view .weight-input-card .input-section input::placeholder{color:#4a5058;font-weight:400}.weight-tracker-view .weight-input-card .input-section button{width:100%;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.weight-tracker-view .weight-input-card .input-section button:disabled{background-color:#3a4048;color:#6b7280;cursor:not-allowed}.weight-tracker-view .weight-input-card .input-section button:not(:disabled):hover{background-color:#3a8eef}.weight-tracker-view .weight-input-card .input-section button:not(:disabled):active{transform:scale(.98)}.weight-tracker-view .weight-history-list h3{font-size:18px;font-weight:600;margin-bottom:12px;padding-left:4px}.weight-tracker-view .weight-history-list .history-items{display:flex;flex-direction:column;gap:8px}.weight-tracker-view .weight-history-list .history-row{background-color:#2a3038;border:1px solid #3a4048;padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .3s ease-out}.weight-tracker-view .weight-history-list .history-row .history-info{display:flex;flex-direction:column;gap:4px}.weight-tracker-view .weight-history-list .history-row .history-date{font-size:13px;color:#9ca3af}.weight-tracker-view .weight-history-list .history-row .history-value{font-size:16px;font-weight:600;color:#fff}.weight-tracker-view .weight-history-list .history-row .delete-history-btn{background:none;border:none;color:#ef4444;opacity:.6;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.weight-tracker-view .weight-history-list .history-row .delete-history-btn:hover{opacity:1;background-color:#ef44441a}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-photo-capture-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.ai-photo-capture-view .capture-content{display:flex;flex-direction:column;gap:14px}.ai-photo-capture-view .image-preview-container .image-preview{position:relative;border-radius:12px;overflow:hidden;background-color:#2a3038;border:1px solid #3a4048}.ai-photo-capture-view .image-preview-container .image-preview img{width:100%;height:180px;object-fit:cover}.ai-photo-capture-view .image-preview-container .image-preview .change-image-btn{position:absolute;bottom:10px;right:10px;background-color:#000000b3;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}.ai-photo-capture-view .image-preview-container .image-preview .change-image-btn:hover{background-color:#00000080}.ai-photo-capture-view .image-preview-container .image-placeholder{background-color:#2a3038;border:2px dashed #3a4048;border-radius:12px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-photo-capture-view .image-preview-container .image-placeholder svg{font-size:30px;color:#6b7280}.ai-photo-capture-view .image-preview-container .image-placeholder p{color:#6b7280;font-size:14px}.ai-photo-capture-view .image-preview-container .image-placeholder:hover{border-color:#2c7de7;background-color:#2c7de70d}.ai-photo-capture-view .image-preview-container .image-placeholder:hover svg,.ai-photo-capture-view .image-preview-container .image-placeholder:hover p{color:#2c7de7}.ai-photo-capture-view .description-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:14px;padding:18px;animation:slideUp .3s ease-out}.ai-photo-capture-view .description-card .help-text{display:flex;gap:12px;margin-bottom:14px}.ai-photo-capture-view .description-card .help-text .magic-icon{font-size:22px;color:#fbbf24;flex-shrink:0}.ai-photo-capture-view .description-card .help-text .help-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.ai-photo-capture-view .description-card .help-text .help-subtitle{font-size:13px;color:#9ca3af;margin:0;line-height:1.4}.ai-photo-capture-view .description-card textarea{width:100%;background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;color:#fff;padding:14px;font-size:15px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;box-sizing:border-box}.ai-photo-capture-view .description-card textarea:focus{border-color:#2c7de7}.ai-photo-capture-view .description-card textarea::placeholder{color:#6b7280}.ai-photo-capture-view .description-card .mic-button,.ai-photo-capture-view .description-card .recording-overlay{width:100%;margin-top:10px;border-radius:10px;border:1px solid #3a4048;background:#1c2128;box-sizing:border-box}.ai-photo-capture-view .description-card .mic-button{height:52px;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;font-size:14px;padding:0}.ai-photo-capture-view .description-card .mic-button:hover{border-color:#9ca3af;color:#fff}.ai-photo-capture-view .description-card .mic-button.transcribing{color:#9ca3af;cursor:not-allowed}.ai-photo-capture-view .description-card .mic-button:disabled{cursor:not-allowed;opacity:.4}.ai-photo-capture-view .description-card .mic-button .spinning{animation:spin 1s linear infinite}.ai-photo-capture-view .description-card .recording-overlay{height:60px;display:flex;align-items:center;gap:10px;padding:0 10px;animation:slideUp .2s ease-out}.ai-photo-capture-view .description-card .recording-overlay .cancel-recording-btn{width:38px;height:38px;border-radius:50%;border:none;background:#ffffff0f;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;flex-shrink:0;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-photo-capture-view .description-card .recording-overlay .cancel-recording-btn:hover{background:#ffffff1a;color:#fff}.ai-photo-capture-view .description-card .recording-overlay .recording-waveform{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0}.ai-photo-capture-view .description-card .recording-overlay .recording-waveform .recording-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:pulse-dot 1s ease-in-out infinite}.ai-photo-capture-view .description-card .recording-overlay .recording-waveform .waveform-canvas{width:160px;height:44px;flex-shrink:0}.ai-photo-capture-view .description-card .recording-overlay .send-recording-btn{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;flex-shrink:0;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.ai-photo-capture-view .description-card .recording-overlay .send-recording-btn:active{transform:scale(.93)}.ai-photo-capture-view .description-card .example-text{margin-top:12px;font-size:13px;color:#6b7280}.ai-photo-capture-view .description-card .example-text span{color:#9ca3af}.ai-photo-capture-view .analysis-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px}.ai-photo-capture-view .analysis-error p{color:#ef4444;font-size:13px;margin:0;text-align:center}.ai-photo-capture-view .analyze-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;box-shadow:0 4px 15px #764ba24d}.ai-photo-capture-view .analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #764ba266}.ai-photo-capture-view .analyze-button:active:not(:disabled){transform:scale(.98)}.ai-photo-capture-view .analyze-button:disabled{background:#3a4048;box-shadow:none;cursor:not-allowed}.ai-photo-capture-view .analyze-button .spinning{animation:spin 1s linear infinite}.ai-result-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.ai-result-view .result-content{display:flex;flex-direction:column;gap:20px}.ai-result-view .totals-card{background:linear-gradient(135deg,#2a3038,#1c2128);border:1px solid #3a4048;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .3s ease-out}.ai-result-view .totals-card .total-item{display:flex;flex-direction:column;align-items:center}.ai-result-view .totals-card .total-item .value{font-size:36px;font-weight:800;color:#fff;line-height:1}.ai-result-view .totals-card .total-item .label{font-size:14px;color:#9ca3af;margin-top:4px}.ai-result-view .totals-card .total-divider{width:1px;height:50px;background-color:#3a4048}.ai-result-view .totals-card .macros-row{display:flex;gap:16px}.ai-result-view .totals-card .macros-row .macro{display:flex;flex-direction:column;align-items:center}.ai-result-view .totals-card .macros-row .macro .val{font-size:18px;font-weight:700;color:#fff}.ai-result-view .totals-card .macros-row .macro .lbl{font-size:11px;color:#9ca3af;text-transform:uppercase;margin-top:2px}.ai-result-view .totals-card .macros-row .macro:nth-child(1) .val{color:#6b9bd1}.ai-result-view .totals-card .macros-row .macro:nth-child(2) .val{color:#4ade80}.ai-result-view .totals-card .macros-row .macro:nth-child(3) .val{color:#fc9230}.ai-result-view .foods-identified h3{font-size:16px;font-weight:600;margin:0 0 12px 4px;color:#fff}.ai-result-view .foods-identified .food-result-item{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:16px;margin-bottom:10px;animation:slideUp .3s ease-out}.ai-result-view .foods-identified .food-result-item .food-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.ai-result-view .foods-identified .food-result-item .food-header .food-name{font-size:16px;font-weight:600;color:#fff;margin-right:10px}.ai-result-view .foods-identified .food-result-item .food-header .food-amount{font-size:14px;color:#9ca3af}.ai-result-view .foods-identified .food-result-item .food-macros{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ai-result-view .foods-identified .food-result-item .food-macros>span:first-child{font-size:14px;font-weight:600;color:#fff;margin-right:4px}.ai-result-view .foods-identified .food-result-item .confidence-badge{display:inline-block;margin-top:10px;font-size:11px;color:#fbbf24;background-color:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:4px 8px;border-radius:6px}.ai-result-view .analysis-notes{background-color:#2c7de71a;border:1px solid rgba(44,125,231,.2);border-radius:12px;padding:16px}.ai-result-view .analysis-notes p{color:#9ca3af;font-size:14px;margin:0;line-height:1.5}.ai-result-view .action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:10px}.ai-result-view .action-buttons .add-all-button{width:100%;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-result-view .action-buttons .add-all-button:hover{background-color:#3a8eef}.ai-result-view .action-buttons .add-all-button:active{transform:scale(.98)}.ai-result-view .action-buttons .retry-button{width:100%;background-color:transparent;color:#9ca3af;border:1px solid #3a4048;border-radius:12px;padding:14px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.ai-result-view .action-buttons .retry-button:hover{border-color:#4a5058;color:#fff}.meal-settings-modal{background:#2a3038;border-radius:28px 28px 0 0;border-top:1px solid #3a4048;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalSlideUp .2s ease-out;box-shadow:0 -8px 32px #00000080;padding-bottom:calc(10px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}.meal-settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:4px}.meal-settings-modal .modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.meal-settings-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px}.meal-settings-modal .modal-header .close-btn:hover{color:#fff}.meal-settings-modal .modal-subtitle{font-size:13px;color:#6b7280;margin:0;padding:0 20px 16px}.meal-settings-modal .meal-options-list{display:flex;flex-direction:column;padding:0 16px 16px;gap:6px}.meal-settings-modal .meal-option-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#1c212880;border:1px solid rgba(58,64,72,.4);border-radius:14px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.meal-settings-modal .meal-option-item:active:not(.required){transform:scale(.98)}.meal-settings-modal .meal-option-item.active{border-color:#4a9eff4d;background-color:#4a9eff14}.meal-settings-modal .meal-option-item.required{cursor:default;opacity:.5}.meal-settings-modal .meal-option-item.required .meal-option-name:after{content:" (obligatorio)";font-size:11px;color:#6b7280}.meal-settings-modal .meal-option-item .meal-option-name{font-size:15px;font-weight:500;color:#fff}.meal-settings-modal .meal-option-item .toggle-switch{width:44px;height:24px;background-color:#3a4048;border-radius:12px;position:relative;transition:background-color .2s}.meal-settings-modal .meal-option-item .toggle-switch.on{background-color:#4a9eff}.meal-settings-modal .meal-option-item .toggle-switch .toggle-knob{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.meal-settings-modal .meal-option-item .toggle-switch.on .toggle-knob{transform:translate(20px)}.nutrition-header .header-buttons{display:flex;gap:8px;align-items:center}.analysis-group{background-color:#2a3038;border-radius:12px;margin-bottom:16px;overflow:hidden;border:1px solid #3a4048}.analysis-group .analysis-group-header{display:flex;align-items:center;gap:12px;padding:12px;background-color:#2c7de71a;border-bottom:1px solid #3a4048}.analysis-group .analysis-group-header .analysis-thumbnail{width:50px;height:50px;border-radius:8px;object-fit:cover;cursor:pointer}.analysis-group .analysis-group-header .analysis-group-info{flex:1;display:flex;flex-direction:column;gap:2px}.analysis-group .analysis-group-header .analysis-group-info .analysis-label{font-size:14px;font-weight:600;color:#fff}.analysis-group .analysis-group-header .analysis-group-info .analysis-count{font-size:12px;color:#9ca3af}.analysis-group .analysis-group-header .regenerate-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#2c7de733;border:1px solid rgba(44,125,231,.3);border-radius:8px;color:#4a9eff;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.analysis-group .analysis-group-header .regenerate-btn:hover{background-color:#2c7de74d;border-color:#2c7de780}.analysis-group .analysis-group-header .regenerate-btn svg{font-size:12px}.analysis-group .analysis-group-header .delete-analysis-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ef444426;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.analysis-group .analysis-group-header .delete-analysis-btn:hover{background-color:#ef444440;border-color:#ef444466}.analysis-group .analysis-group-header .delete-analysis-btn svg{font-size:14px}.analysis-group .analysis-group-foods .food-detail-row{border-bottom:1px solid #3a4048;padding:12px}.analysis-group .analysis-group-foods .food-detail-row:last-child{border-bottom:none}.regenerate-modal{position:relative;width:100%;max-width:400px;background-color:#1c2128;border-radius:16px;padding:24px;max-height:calc(100vh - 40px);overflow-y:auto;animation:slideUp .3s ease-out}.regenerate-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.regenerate-modal .modal-header h3{font-size:20px;font-weight:700;color:#fff;margin:0}.regenerate-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:5px}.regenerate-modal .modal-header .close-btn:hover{color:#fff}.regenerate-modal .regenerate-content{display:flex;flex-direction:column;gap:20px}.regenerate-modal .image-preview-section{display:flex;flex-direction:column;align-items:center;gap:12px}.regenerate-modal .image-preview-section .preview-image{width:100%;max-height:200px;object-fit:cover;border-radius:12px}.regenerate-modal .image-preview-section .no-image-placeholder{width:100%;height:150px;background-color:#2a3038;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6b7280}.regenerate-modal .image-preview-section .no-image-placeholder svg{font-size:32px}.regenerate-modal .image-preview-section .no-image-placeholder span{font-size:14px}.regenerate-modal .image-preview-section .change-image-btn{padding:10px 20px;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.regenerate-modal .image-preview-section .change-image-btn:hover{background-color:#3a4048}.regenerate-modal .description-section{display:flex;flex-direction:column;gap:8px}.regenerate-modal .description-section label{font-size:14px;font-weight:500;color:#9ca3af}.regenerate-modal .description-section textarea{width:100%;padding:12px;background-color:#2a3038;border:1px solid #3a4048;border-radius:10px;color:#fff;font-size:14px;resize:none;font-family:inherit}.regenerate-modal .description-section textarea::placeholder{color:#6b7280}.regenerate-modal .description-section textarea:focus{outline:none;border-color:#4a9eff}.regenerate-modal .regenerate-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#2c7de7,#1e5bb8);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.regenerate-modal .regenerate-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2c7de766}.regenerate-modal .regenerate-submit-btn:disabled{opacity:.7;cursor:not-allowed}.regenerate-modal .regenerate-submit-btn .spinning{animation:spin 1s linear infinite}.date-selector{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 16px;background:#2a3038d9;border:1px solid rgba(58,64,72,.5);border-radius:16px;padding:6px}.date-selector .date-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease;font-size:12px}.date-selector .date-nav-btn:active:not(:disabled){transform:scale(.9);background:#ffffff0d}.date-selector .date-nav-btn:disabled,.date-selector .date-nav-btn.disabled{opacity:.25;cursor:not-allowed}.date-selector .date-display{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 20px;border-radius:12px;background:none;transition:transform .15s ease,opacity .15s ease,background-color .15s ease;min-width:100px}.date-selector .date-display:active{transform:scale(.96)}.date-selector .date-display .date-text{font-size:15px;font-weight:600;color:#fff;text-transform:capitalize}.date-selector .date-display .go-today-small{padding:4px 10px;background-color:#4a9eff1f;border:none;border-radius:8px;color:#4a9eff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.date-selector .date-display .go-today-small:active{transform:scale(.95)}.nutrition-history-modal{background:#2a3038;border-radius:28px 28px 0 0;border-top:1px solid #3a4048;width:100%;max-width:500px;overflow-y:auto;animation:modalSlideUp .2s ease-out;box-shadow:0 -8px 32px #00000080;padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}.nutrition-history-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:16px}.nutrition-history-modal .modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.nutrition-history-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px}.nutrition-history-modal .modal-header .close-btn:hover{color:#fff}.nutrition-history-modal .calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:12px}.nutrition-history-modal .calendar-nav button{position:relative;overflow:hidden;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(58,64,72,.5);border-radius:50%;color:#fff;cursor:pointer}.nutrition-history-modal .calendar-nav button .pro-badge{top:3px;right:-12px;font-size:4.5px;padding:1px 14px}.nutrition-history-modal .calendar-nav button{transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.nutrition-history-modal .calendar-nav button:hover{background-color:#ffffff0d}.nutrition-history-modal .calendar-nav button:active{transform:scale(.95)}.nutrition-history-modal .calendar-nav .month-label{font-size:16px;font-weight:600;color:#fff;text-transform:capitalize}.nutrition-history-modal .calendar-nav .month-label.slide-left{animation:slideFromRight .25s ease-out}.nutrition-history-modal .calendar-nav .month-label.slide-right{animation:slideFromLeft .25s ease-out}.nutrition-history-modal .calendar-grid{padding:0 16px 16px;overflow:hidden}.nutrition-history-modal .calendar-grid .weekday-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.nutrition-history-modal .calendar-grid .weekday-header span{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0}.nutrition-history-modal .calendar-grid .days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:4px}.nutrition-history-modal .calendar-grid .days-grid.slide-left{animation:slideFromRight .25s ease-out}.nutrition-history-modal .calendar-grid .days-grid.slide-right{animation:slideFromLeft .25s ease-out}.nutrition-history-modal .calendar-grid .days-grid .day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease;position:relative}.nutrition-history-modal .calendar-grid .days-grid .day-cell.empty{cursor:default}.nutrition-history-modal .calendar-grid .days-grid .day-cell:not(.empty):active{transform:scale(.92)}.nutrition-history-modal .calendar-grid .days-grid .day-cell.today .day-number{color:#4a9eff;font-weight:700}.nutrition-history-modal .calendar-grid .days-grid .day-cell.selected{border:1.5px solid #4a9eff}.nutrition-history-modal .calendar-grid .days-grid .day-cell.selected .day-number{color:#4a9eff;font-weight:700}.nutrition-history-modal .calendar-grid .days-grid .day-cell.no-data{background-color:#ffffff0a}.nutrition-history-modal .calendar-grid .days-grid .day-cell.met{background-color:#22c55e40}.nutrition-history-modal .calendar-grid .days-grid .day-cell.under{background-color:#f9731633}.nutrition-history-modal .calendar-grid .days-grid .day-cell.over{background-color:#ef444433}.nutrition-history-modal .calendar-grid .days-grid .day-cell.future{opacity:.3}.nutrition-history-modal .calendar-grid .days-grid .day-cell.disabled{cursor:not-allowed;opacity:.3}.nutrition-history-modal .calendar-grid .days-grid .day-cell .day-number{font-size:14px;color:#fff}.nutrition-history-modal .calendar-grid .days-grid .day-cell .data-dot{width:4px;height:4px;background-color:#4ade80;border-radius:50%;position:absolute;bottom:4px}.nutrition-history-modal .selected-date-info{text-align:center;padding:12px 20px;margin:0 16px 12px;background-color:#1c212880;border:1px solid rgba(58,64,72,.5);border-radius:12px}.nutrition-history-modal .selected-date-info span{color:#9ca3af;font-size:14px}.nutrition-history-modal .selected-date-info strong{color:#fff;font-size:14px;text-transform:capitalize}.nutrition-history-modal .nh-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:0 16px 12px}.nutrition-history-modal .nh-legend .legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#9ca3af}.nutrition-history-modal .nh-legend .legend-item.locked{opacity:.4;cursor:pointer}.nutrition-history-modal .nh-legend .legend-item .legend-dot{width:10px;height:10px;border-radius:3px}.nutrition-history-modal .nh-legend .legend-item .legend-dot.no-data{background-color:#ffffff14}.nutrition-history-modal .nh-legend .legend-item .legend-dot.met{background-color:#22c55e80}.nutrition-history-modal .nh-legend .legend-item .legend-dot.under{background-color:#f9731666}.nutrition-history-modal .nh-legend .legend-item .legend-dot.over{background-color:#ef444466}.nutrition-history-modal .nh-legend .legend-pro-tag{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;cursor:pointer;letter-spacing:.5px}.nutrition-history-modal .go-to-today-btn{width:calc(100% - 32px);margin:0 16px 16px;padding:14px;background:linear-gradient(135deg,#4a9eff,#2c7de7);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.nutrition-history-modal .go-to-today-btn:active{transform:scale(.97)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1c2128;gap:20px}.auth-loading img{width:80px;height:80px}.auth-loading .spinning{font-size:24px;color:#4a9eff;animation:spin 1s linear infinite}.auth-screen{min-height:100vh;min-height:100dvh;background:linear-gradient(145deg,#0f1419,#1c2128,#161b22);display:flex;flex-direction:column;padding:0;padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));position:relative;overflow:hidden}#root.has-overflow .auth-screen{padding-bottom:calc(20px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}.auth-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-background .auth-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:blob-float 20s ease-in-out infinite}.auth-background .auth-blob-1{width:300px;height:300px;background:linear-gradient(135deg,#4a9eff,#6366f1);top:-100px;right:-80px;animation-delay:0s}.auth-background .auth-blob-2{width:250px;height:250px;background:linear-gradient(135deg,#22c55e,#14b8a6);bottom:-50px;left:-80px;animation-delay:-10s}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(-20px,-10px) scale(1.02)}}.auth-container{width:100%;max-width:400px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding:20px;position:relative;z-index:1;animation:auth-fade-in .6s ease-out}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;padding-top:32px;margin-bottom:24px;position:relative}.auth-logo .logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:radial-gradient(circle,rgba(74,158,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-logo img{width:72px;height:72px;object-fit:contain;margin-bottom:12px;position:relative;z-index:1;filter:drop-shadow(0 2px 12px rgba(74,158,255,.2));animation:logo-pulse 3s ease-in-out infinite}.auth-logo h1{font-size:28px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.auth-logo .auth-tagline{font-size:13px;color:#6b7280;margin:6px 0 0;letter-spacing:.3px}.auth-container:has(.register-mode) .auth-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding-top:12px;margin-bottom:24px}.auth-container:has(.register-mode) .auth-logo .logo-glow{display:none}.auth-container:has(.register-mode) .auth-logo img{width:32px;height:32px;margin-bottom:0}.auth-container:has(.register-mode) .auth-logo h1{font-size:20px;font-weight:800}.auth-container:has(.register-mode) .auth-logo .auth-tagline{display:none}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.auth-form{flex:1;display:flex;flex-direction:column}.auth-form .auth-form-header{text-align:center;margin-bottom:24px}.auth-form h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.3px}.auth-form .auth-subtitle{font-size:14px;color:#8b949e;margin:0;line-height:1.4}.auth-form .auth-error{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 14px;margin-bottom:16px;color:#f87171;font-size:13px;display:flex;align-items:center;gap:10px;animation:shake .4s ease-out}.auth-form .auth-error:before{content:"!";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.auth-form .auth-error.connection-error{flex-direction:column;align-items:stretch;gap:12px;text-align:center}.auth-form .auth-error.connection-error:before{display:none}.auth-form .auth-error.connection-error .retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;width:100%}.auth-form .auth-error.connection-error .retry-btn:hover{background:#ef44444d}.auth-form .auth-error.connection-error .retry-btn:active{transform:scale(.98)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-form .google-btn{width:100%;min-height:52px;padding:14px 16px;background:#fff;border:none;border-radius:12px;color:#1f2937!important;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s ease,opacity .25s ease,background-color .25s ease;box-shadow:0 2px 8px #00000026}.auth-form .google-btn span{color:#1f2937}.auth-form .google-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 4px #0000001a}.auth-form .google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-form .google-btn .loading-spinner{width:20px;height:20px;border:2px solid rgba(31,41,55,.2);border-top-color:#1f2937;border-radius:50%;animation:spin .8s linear infinite}.auth-form .auth-divider{display:flex;align-items:center;margin:24px 0}.auth-form .auth-divider:before,.auth-form .auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#30363d,transparent)}.auth-form .auth-divider span{padding:0 16px;font-size:12px;color:#6b7280;white-space:nowrap}.auth-form .auth-inputs{display:flex;flex-direction:column;gap:12px}.auth-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.auth-form .form-group .input-wrapper .input-icon{position:absolute;left:14px;font-size:20px;color:#6b7280;transition:color .2s ease;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.auth-form .form-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;color:#fff;font-size:15px;transition:transform .25s ease,opacity .25s ease,background-color .25s ease}.auth-form .form-group .input-wrapper input::placeholder{color:#6b7280}.auth-form .form-group .input-wrapper input:focus{outline:none;border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 3px #4a9eff26}.auth-form .form-group .input-wrapper input:focus~.input-icon,.auth-form .form-group .input-wrapper input:focus+.input-icon{color:#4a9eff}.auth-form .form-group .input-wrapper:focus-within .input-icon{color:#4a9eff}.auth-form .form-group .input-wrapper .password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.auth-form .form-group .input-wrapper .password-toggle:active{color:#4a9eff}.auth-form .auth-submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#4a9eff,#3b8bdb);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .25s ease,opacity .25s ease,background-color .25s ease;display:flex;align-items:center;justify-content:center;margin-top:20px;box-shadow:0 4px 15px #4a9eff4d;position:relative;overflow:hidden}.auth-form .auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-form .auth-submit-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 10px #4a9eff4d}.auth-form .auth-submit-btn:active:not(:disabled):before{left:100%}.auth-form .auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form .auth-submit-btn .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-switch{text-align:center;padding:24px 0;margin-top:auto}.auth-switch p{color:#8b949e;font-size:14px;margin:0}.auth-switch button{background:none;border:none;color:#4a9eff;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-left:4px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.auth-switch button:active{opacity:.7}.verification-card{flex:1;display:flex;flex-direction:column;text-align:center;padding-top:16px;animation:auth-fade-in .4s ease-out}.verification-card .verification-email{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#4a9eff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-card .verification-instruction{font-size:14px;color:#8b949e;margin:0 0 36px;line-height:1.5}.verification-card .auth-error{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 14px;margin-bottom:20px;color:#f87171;font-size:13px;animation:shake .4s ease-out}.verification-card .auth-error.connection-error{display:flex;flex-direction:column;align-items:stretch;gap:12px}.verification-card .auth-error.connection-error .retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.verification-card .auth-error.connection-error .retry-btn:hover{background:#ef44444d}.verification-card .auth-error.connection-error .retry-btn:active{transform:scale(.98)}.verification-card .verification-code-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:32px}.verification-card .verification-code-inputs input{width:48px;height:56px;background:#2d333b99;border:2px solid #3d444d;border-radius:14px;color:#fff;font-size:24px;font-weight:700;text-align:center;transition:transform .25s ease,opacity .25s ease,background-color .25s ease}.verification-card .verification-code-inputs input:focus{outline:none;border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 4px #4a9eff26;transform:scale(1.05)}.verification-card .verification-code-inputs input:not(:placeholder-shown){border-color:#4a9eff;background:#4a9eff1a}.verification-card .verification-code-inputs input:disabled{opacity:.5}.verification-card .verification-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:#9ca3af;font-size:14px;margin-bottom:24px;padding:12px 20px;background:#4a9eff1a;border-radius:12px;animation:pulse-subtle 1.5s ease-in-out infinite}.verification-card .verification-loading .loading-spinner{width:20px;height:20px;border:2px solid rgba(74,158,255,.3);border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.verification-card .verification-footer{margin-top:auto;padding-bottom:24px;display:flex;flex-direction:column;gap:12px}.verification-card .verification-footer .separator{display:none}.verification-card .verification-footer .resend-link,.verification-card .verification-footer .cancel-link{background:none;border:none;font-size:14px;cursor:pointer;padding:14px 20px;transition:transform .25s ease,opacity .25s ease,background-color .25s ease;border-radius:12px}.verification-card .verification-footer .resend-link{color:#4a9eff;font-weight:600;background:#4a9eff1a;border:1px solid rgba(74,158,255,.2)}.verification-card .verification-footer .resend-link:active:not(:disabled){background:#4a9eff33;transform:scale(.98)}.verification-card .verification-footer .resend-link:disabled{color:#6b7280;background:transparent;border-color:transparent;cursor:not-allowed}.verification-card .verification-footer .cancel-link{color:#8b949e}.verification-card .verification-footer .cancel-link:active{color:#fff}.verification-card .form-group{text-align:left}.verification-card .form-group .input-wrapper{position:relative;display:flex;align-items:center}.verification-card .form-group .input-wrapper .input-icon{position:absolute;left:14px;font-size:20px;color:#6b7280;transition:color .2s ease;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.verification-card .form-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;color:#fff;font-size:15px;transition:transform .25s ease,opacity .25s ease,background-color .25s ease}.verification-card .form-group .input-wrapper input::placeholder{color:#6b7280}.verification-card .form-group .input-wrapper input:focus{outline:none;border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 3px #4a9eff26}.verification-card .form-group .input-wrapper:focus-within .input-icon{color:#4a9eff}.verification-card .form-group .input-wrapper .password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.verification-card .form-group .input-wrapper .password-toggle:active{color:#4a9eff}.verification-card .auth-submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#4a9eff,#3b8bdb);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .25s ease,opacity .25s ease,background-color .25s ease;display:flex;align-items:center;justify-content:center;margin-top:20px;box-shadow:0 4px 15px #4a9eff4d;position:relative;overflow:hidden}.verification-card .auth-submit-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 10px #4a9eff4d}.verification-card .auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.verification-card .auth-submit-btn .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.home header{position:relative;display:flex;justify-content:space-between}.home header div{display:flex;align-items:center}.home header .logout-btn{background-color:#3a4048;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.home header .logout-btn:hover{color:#ef4444;background-color:#ef44441a}.modal-content{background-color:#2a3038;border-radius:24px;padding:28px;max-width:340px;width:100%;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(58,64,72,.6);box-shadow:0 24px 48px #00000080}.modal-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 16px;text-align:center}.modal-message{font-size:16px;color:#9ca3af;margin:0 0 28px;text-align:center;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{flex:1;padding:16px 20px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;border:none}.modal-btn.modal-btn-cancel{background-color:#3a4048;color:#9ca3af}.modal-btn.modal-btn-cancel:active{transform:scale(.96);background-color:#4a5058;color:#fff}.modal-btn.modal-btn-confirm{background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;box-shadow:0 4px 12px #4a9eff40}.modal-btn.modal-btn-confirm:active{transform:scale(.96);box-shadow:0 2px 8px #4a9eff33}.pro-badge{position:absolute;top:7px;right:-20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:7.5px;font-weight:800;letter-spacing:.8px;line-height:1;padding:3px 25px;transform:rotate(45deg);z-index:2;box-shadow:0 1px 4px #0000004d;text-transform:uppercase;pointer-events:none}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes proIconBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes proTitleUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes proDescFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes proIconGlow{0%,to{box-shadow:0 0 20px #fbbf2433,0 0 40px #f59e0b14}50%{box-shadow:0 0 30px #fbbf2466,0 0 60px #f59e0b26}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pro-screen{position:fixed;inset:0;background-color:#0d1117;z-index:10000;display:flex;flex-direction:column;animation:fadeIn .3s ease}.pro-screen .pro-screen-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0;animation:slideDown .35s ease-out}.pro-screen .pro-screen-header .pro-header-logo{display:flex;align-items:center;gap:8px}.pro-screen .pro-screen-header .pro-header-logo img{height:28px;width:auto}.pro-screen .pro-screen-header .pro-header-logo span{font-size:14px;font-weight:800;color:#f59e0b;background:#f59e0b1f;padding:3px 8px;border-radius:6px;letter-spacing:1px}.pro-screen .pro-screen-header .close-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:50%;color:#9ca3af;font-size:16px;cursor:pointer}.pro-screen .pro-screen-content{flex:1;display:flex;flex-direction:column;padding:0 0 40px}.pro-screen .pro-slider{flex:1;overflow:hidden;touch-action:pan-y}.pro-screen .pro-slider .pro-slides-track{display:flex;height:100%}.pro-screen .pro-slider .pro-slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px;text-align:center}.pro-screen .pro-slider .pro-slide .pro-slide-icon{width:90px;height:90px;border-radius:26px;background:linear-gradient(135deg,#f59e0b40,#f9731633);border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;justify-content:center;margin-bottom:28px;opacity:0}.pro-screen .pro-slider .pro-slide .pro-slide-icon svg{font-size:36px;color:#fbbf24;filter:drop-shadow(0 0 6px rgba(245,158,11,.4))}.pro-screen .pro-slider .pro-slide h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;opacity:0}.pro-screen .pro-slider .pro-slide p{font-size:15px;color:#9ca3af;line-height:1.6;max-width:280px;opacity:0}.pro-screen .pro-slider .pro-slide.overview .pro-slide-icon{width:100px;height:100px;border-radius:30px;background:linear-gradient(135deg,#f59e0b4d,#f9731640);border:1px solid rgba(245,158,11,.4)}.pro-screen .pro-slider .pro-slide.overview .pro-slide-icon svg{font-size:42px}.pro-screen .pro-slider .pro-slide.overview h3{font-size:24px}.pro-screen .pro-slider .pro-slide.active .pro-slide-icon{animation:proIconBounce .5s ease-out forwards,proIconGlow 3s ease-in-out .5s infinite}.pro-screen .pro-slider .pro-slide.active h3{animation:proTitleUp .4s ease-out .15s forwards}.pro-screen .pro-slider .pro-slide.active p{animation:proDescFade .4s ease-out .25s forwards}.pro-screen .pro-dots{display:flex;justify-content:center;gap:8px;padding:20px 0;flex-shrink:0}.pro-screen .pro-dots .pro-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff26;border:none;padding:0;cursor:pointer;transition:all .3s ease}.pro-screen .pro-dots .pro-dot.active{background-color:#f59e0b;width:24px;border-radius:4px}.pro-screen .pro-purchase-section{flex-shrink:0;padding:0 20px;text-align:center;animation:fadeIn .4s ease-out .2s both}.pro-screen .pro-purchase-section .pro-price-row{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:2px}.pro-screen .pro-purchase-section .pro-price-row .pro-price-amount{font-size:36px;font-weight:800;color:#fff}.pro-screen .pro-purchase-section .pro-price-row .pro-price-period{font-size:16px;color:#9ca3af;font-weight:500}.pro-screen .pro-purchase-section .pro-price-desc{font-size:13px;color:#6b7280;margin-bottom:16px}.pro-screen .pro-purchase-section .pro-purchase-btn{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #f59e0b4d;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.pro-screen .pro-purchase-section .pro-purchase-btn:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out 1s infinite}.pro-screen .pro-purchase-section .pro-purchase-btn:active{transform:scale(.98);box-shadow:0 2px 8px #f59e0b33}.pro-screen .pro-purchase-section .pro-purchase-btn:disabled{opacity:.6}.pro-streak-upsell{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;cursor:pointer;margin-bottom:8px}.pro-streak-upsell .pro-streak-icon{font-size:18px;color:#f59e0b;flex-shrink:0}.pro-streak-upsell .pro-streak-text{font-size:13px;color:#9ca3af;line-height:1.4}.pro-streak-upsell:active{background:#f59e0b24}.pro-history-upsell{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;cursor:pointer;margin-bottom:16px}.pro-history-upsell p{font-size:13px;color:#9ca3af;line-height:1.4;margin:0}.pro-history-upsell p strong{color:#f59e0b}.pro-history-upsell:active{background:#f59e0b24}.share-modal{text-align:center;padding:32px 28px 24px}.share-modal .share-modal-icon{width:56px;height:56px;border-radius:16px;background:#4a9eff1f;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:22px;color:#4a9eff}.share-modal .modal-title{margin-bottom:8px}.share-modal .share-modal-actions{display:flex;flex-direction:column;gap:10px}.share-modal .share-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;width:100%}.share-modal .share-btn:active{transform:scale(.97)}.share-modal .share-btn.share-btn-copy{background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;box-shadow:0 4px 14px #4a9eff4d}.share-modal .share-btn.share-btn-share{background-color:#3a4048;color:#fff}.share-modal .share-btn.share-btn-share:active{background-color:#4a5058}.share-modal .share-modal-secondary{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(58,64,72,.5)}.share-modal .share-modal-secondary button{background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 4px;transition:color .2s ease}.share-modal .share-modal-secondary button:active{color:#9ca3af}.share-modal .share-modal-secondary .share-modal-divider{color:#3a4048;font-size:16px}.muscle-filter-modal{background-color:#2a3038;border-radius:24px;padding:24px;max-width:340px;width:100%;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(58,64,72,.6);box-shadow:0 24px 48px #00000080}.muscle-filter-modal .muscle-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.muscle-filter-modal .muscle-filter-header .modal-title{margin:0;text-align:left}.muscle-filter-modal .muscle-filter-header .close-btn{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;display:flex}.muscle-filter-modal .muscle-filter-header .close-btn:active{color:#fff}.muscle-filter-modal .muscle-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.muscle-filter-modal .muscle-filter-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background-color:#1c2128;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.muscle-filter-modal .muscle-filter-item img{width:56px;height:56px;object-fit:contain;border-radius:8px;opacity:.7;transition:opacity .2s}.muscle-filter-modal .muscle-filter-item span{font-size:11px;font-weight:500;color:#9ca3af;text-align:center;line-height:1.2}.muscle-filter-modal .muscle-filter-item:active{transform:scale(.95)}.muscle-filter-modal .muscle-filter-item.active{background-color:#1a2535;border-color:#2c7de7}.muscle-filter-modal .muscle-filter-item.active img{opacity:1}.muscle-filter-modal .muscle-filter-item.active span{color:#2c7de7;font-weight:600}.muscle-filter-modal .muscle-filter-clear{width:100%;margin-top:14px;padding:12px;background-color:#3a4048;border:none;border-radius:12px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.muscle-filter-modal .muscle-filter-clear:active{transform:scale(.97);background-color:#4a5058;color:#fff}.create-exercise-modal{max-width:380px}.create-exercise-modal .create-exercise-form{display:flex;flex-direction:column;gap:16px}.create-exercise-modal .create-exercise-form .pro-feature-banner{display:flex;align-items:center;gap:12px;padding:14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;cursor:pointer}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-icon svg{font-size:14px;color:#f59e0b}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-text{display:flex;flex-direction:column;gap:2px;flex:1}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-text .pro-feature-banner-title{font-size:13px;font-weight:700;color:#f59e0b}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-text .pro-feature-banner-desc{font-size:12px;color:#9ca3af;line-height:1.4}.create-exercise-modal .create-exercise-form .pro-feature-banner .pro-feature-banner-arrow{font-size:12px;color:#6b7280;flex-shrink:0}.create-exercise-modal .create-exercise-form .form-group{display:flex;flex-direction:column;gap:6px}.create-exercise-modal .create-exercise-form .form-group label{font-size:13px;color:#9ca3af;font-weight:500}.create-exercise-modal .create-exercise-form .form-group input,.create-exercise-modal .create-exercise-form .form-group textarea{background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;padding:12px 14px;color:#fff;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease;resize:none}.create-exercise-modal .create-exercise-form .form-group input:focus,.create-exercise-modal .create-exercise-form .form-group textarea:focus{border-color:#4a9eff}.create-exercise-modal .create-exercise-form .form-group input::placeholder,.create-exercise-modal .create-exercise-form .form-group textarea::placeholder{color:#4a5058}.create-exercise-modal .create-exercise-form .form-group input:disabled,.create-exercise-modal .create-exercise-form .form-group textarea:disabled{opacity:.5}.create-exercise-modal .create-exercise-form .create-exercise-hint{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px;margin:0}.create-exercise-modal .create-exercise-form .create-exercise-hint svg{color:#4a9eff;font-size:14px}.create-exercise-modal .create-exercise-form .create-exercise-submit{width:100%;padding:14px;background:linear-gradient(135deg,#4a9eff,#3b82f6);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,opacity .2s ease}.create-exercise-modal .create-exercise-form .create-exercise-submit:active{transform:scale(.97)}.create-exercise-modal .create-exercise-form .create-exercise-submit:disabled{opacity:.5;cursor:not-allowed}.create-exercise-modal .create-exercise-form .create-exercise-submit .spinner-icon{animation:spin 1s linear infinite}.create-exercise-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;color:#4a9eff;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px;transition:transform .2s ease,background-color .2s ease}.create-exercise-btn:active{transform:scale(.97);background-color:#3a4048}.header-action-btn{background:none;border:none;color:#4a9eff;font-size:18px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.header-action-btn:active{background-color:#4a9eff1a}.exercise-thumb-circle{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#3a4048;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:16px}.exercise-thumb-circle img{width:100%;height:100%;object-fit:cover}.exercise-thumb-circle.small{width:36px;height:36px;font-size:14px}.history-buttons-row{display:flex;gap:10px;margin-bottom:20px}.history-button{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.history-button svg:first-child{color:#4a9eff;font-size:18px}.history-button span{flex:1;text-align:left}.history-button svg:last-child{color:#6b7280;font-size:14px}@media(max-width:360px){.history-button svg:last-child{display:none}}.history-button:hover{background-color:#323a44;border-color:#4a5058}.start-empty-workout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background-color:transparent;border:2px dashed #3a4048;border-radius:12px;color:#4a9eff;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;margin-bottom:24px}.start-empty-workout-btn svg{font-size:14px}.start-empty-workout-btn:hover{border-color:#4a9eff;background-color:#4a9eff0d}.section-title{margin-bottom:16px}.section-title h2{font-size:14px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-container .spinning{font-size:24px;color:#4a9eff;animation:spin 1s linear infinite}.loading-container p{color:#9ca3af;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.empty-state .empty-icon{font-size:48px;color:#3a4048}.empty-state .empty-icon.spinner-icon{color:#4a9eff;opacity:.6;animation:spin 1s linear infinite}.empty-state p{color:#9ca3af;font-size:16px;text-align:center}.empty-state .empty-subtitle{font-size:14px;color:#6b7280}.empty-state .empty-state-actions{display:flex;gap:10px;margin-top:8px;width:100%;max-width:340px}.empty-state .empty-action-btn{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#1c2128;border:1px solid #3a4048;border-radius:14px;color:#e5e7eb;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.empty-state .empty-action-btn svg{font-size:20px;color:#4a9eff}.empty-state .empty-action-btn span{white-space:nowrap}.empty-state .empty-action-btn:hover{border-color:#4a9eff;background:#4a9eff0f}.empty-state .empty-action-btn.import svg{color:#f59e0b}.empty-state .empty-action-btn.import:hover{border-color:#f59e0b;background:#f59e0b0f}.empty-state .empty-action-btn.ai svg{color:#8b5cf6}.empty-state .empty-action-btn.ai:hover{border-color:#8b5cf6;background:#8b5cf60f}.edit-routine-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding-bottom:10px;min-height:100vh}.edit-routine-view .edit-routine-content{flex:1}.edit-routine-view .edit-routine-content .form-group{margin-bottom:24px}.edit-routine-view .edit-routine-content .form-group>label{display:block;font-size:14px;font-weight:500;color:#9ca3af;margin-bottom:8px}.edit-routine-view .edit-routine-content .form-group>input[type=text]{width:100%;padding:14px 16px;background-color:#2a3038;border:none;border-radius:10px;color:#fff;font-size:16px}.edit-routine-view .edit-routine-content .form-group>input[type=text]::placeholder{color:#6b7280}.edit-routine-view .edit-routine-content .form-group>input[type=text]:focus{outline:none}.edit-routine-view .edit-routine-content .routine-exercises-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.edit-routine-view .edit-routine-content .routine-exercise-item{padding:16px;background-color:#1c2128;border:1px solid #2a3038;border-radius:12px}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-item-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-item-header .exercise-name{font-size:15px;font-weight:500;color:#fff;flex:1}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-item-header .exercise-name.clickable{font-size:16px;font-weight:600}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-item-header .remove-exercise-btn{background:none;border:none;color:#ef4444;font-size:14px;cursor:pointer;padding:4px;display:flex;opacity:.7}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-item-header .remove-exercise-btn:hover{opacity:1}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid .config-column{display:flex;flex-direction:column;gap:4px}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid .config-column label{font-size:12px;color:#6b7280;text-align:center;font-weight:500}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid .config-column input{width:100%;padding:10px 8px;background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;color:#fff;font-size:15px;text-align:center}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid .config-column input::placeholder{color:#4a5058}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-config-grid .config-column input:focus{outline:none;border-color:#4a9eff}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-notes-input{width:100%;margin-top:10px;padding:10px 12px;background-color:#1a1f26;border:1px solid #2a3038;border-radius:8px;color:#9ca3af;font-size:13px;font-family:inherit}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-notes-input::placeholder{color:#4a5058}.edit-routine-view .edit-routine-content .routine-exercise-item .exercise-notes-input:focus{outline:none;border-color:#4a9eff;color:#fff}.edit-routine-view .edit-routine-content .routine-exercise-item .routine-exercise-reorder-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.edit-routine-view .edit-routine-content .routine-exercise-item .routine-exercise-reorder-btns .routine-reorder-btn{background-color:#2a3038;border:1px solid #3a4048;border-radius:8px;color:#4a9eff;font-size:14px;cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.edit-routine-view .edit-routine-content .routine-exercise-item .routine-exercise-reorder-btns .routine-reorder-btn:hover:not(:disabled){background-color:#363e4a}.edit-routine-view .edit-routine-content .routine-exercise-item .routine-exercise-reorder-btns .routine-reorder-btn:active:not(:disabled){transform:scale(.95)}.edit-routine-view .edit-routine-content .routine-exercise-item .routine-exercise-reorder-btns .routine-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.edit-routine-view .edit-routine-content .add-exercise-to-routine-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background-color:#1c2128;border:2px dashed #3a4048;border-radius:10px;color:#4a9eff;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.edit-routine-view .edit-routine-content .add-exercise-to-routine-btn:hover{background-color:#252b33;border-color:#4a9eff}.routine-name-modal{width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:16px;padding:24px}.routine-name-modal h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.routine-name-modal input[type=text]{width:100%;padding:14px 16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:10px;color:#fff;font-size:16px;margin-bottom:20px}.routine-name-modal input[type=text]::placeholder{color:#6b7280}.routine-name-modal input[type=text]:focus{outline:none;border-color:#4a9eff}.routine-name-modal .modal-actions{display:flex;gap:12px}.routine-name-modal .modal-actions .cancel-btn,.routine-name-modal .modal-actions .confirm-btn{flex:1;padding:14px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none}.routine-name-modal .modal-actions .cancel-btn{background-color:#3a4048;color:#9ca3af}.routine-name-modal .modal-actions .cancel-btn:hover{background-color:#4a5058;color:#fff}.routine-name-modal .modal-actions .confirm-btn{background-color:#2c7de7;color:#fff}.routine-name-modal .modal-actions .confirm-btn:hover{background-color:#3a8eef}.exercise-selector-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:500px;max-height:80vh;background-color:#2a3038;border-radius:20px;z-index:1004;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .25s ease-out forwards}.exercise-selector-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a4048;flex-shrink:0}.exercise-selector-modal .modal-header h2{font-size:20px;font-weight:600;color:#fff}.exercise-selector-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex}.exercise-selector-modal .modal-header .close-btn:hover{color:#fff}.exercise-selector-modal .search-bar{padding:16px 20px;border-bottom:1px solid #3a4048;flex-shrink:0}.exercise-selector-modal .search-bar input{width:100%;padding:12px 16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:10px;color:#fff;font-size:15px}.exercise-selector-modal .search-bar input::placeholder{color:#6b7280}.exercise-selector-modal .search-bar input:focus{outline:none;border-color:#4a9eff}.exercise-selector-modal .exercises-list{flex:1;overflow-y:auto;padding:12px 20px;min-height:0}.exercise-selector-modal .exercise-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:#1c2128;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-selector-modal .exercise-item:hover{background-color:#252b33}.exercise-selector-modal .exercise-item .exercise-details{display:flex;flex-direction:column;gap:4px}.exercise-selector-modal .exercise-item .exercise-details .exercise-name{font-size:15px;font-weight:500;color:#fff}.exercise-selector-modal .exercise-item .exercise-details .exercise-muscles{font-size:13px;color:#6b7280}.exercise-selector-modal .exercise-item .add-icon{color:#4a9eff;font-size:16px}.rest-config-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.rest-config-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.rest-config-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0;padding-right:8px}.rest-config-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0;margin-top:-2px}.rest-config-modal .modal-header .close-btn:hover{color:#fff}.rest-config-modal .rest-config-body{display:flex;flex-direction:column;max-height:60vh}.rest-config-modal .rest-config-body .rest-scope-selector{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid #3a4048}.rest-config-modal .rest-config-body .rest-scope-selector button{flex:1;background-color:#1c2128;color:#9ca3af;border:1px solid #3a4048;border-radius:8px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.rest-config-modal .rest-config-body .rest-scope-selector button.active{background-color:#2c7de7;color:#fff;border-color:#2c7de7}.rest-config-modal .rest-config-body .rest-scope-selector button:hover:not(.active){background-color:#252b33}.rest-config-modal .rest-config-body .rest-time-picker-wrapper{position:relative;height:176px;margin:0 20px}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-picker-indicator{position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%);background-color:#2c7de726;border:1px solid rgba(44,125,231,.4);border-radius:8px;pointer-events:none;z-index:1}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-options{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-options::-webkit-scrollbar{display:none}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-options{scrollbar-width:none}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-options .rest-time-option{height:44px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:15px;font-weight:500;scroll-snap-align:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.rest-config-modal .rest-config-body .rest-time-picker-wrapper .rest-time-options .rest-time-option.selected{background-color:#2c7de726;border:1px solid rgba(44,125,231,.4);border-radius:8px;color:#fff;font-weight:600;font-size:16px}.rest-config-modal .rest-config-body .rest-confirm-btn{margin:16px 20px;background-color:#2c7de7;color:#fff;border:1px solid #4a9eff;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.rest-config-modal .rest-config-body .rest-confirm-btn:hover{background-color:#3d8ef7;border-color:#5aadff}.rest-config-modal .rest-config-body .rest-confirm-btn:active{transform:scale(.98)}.set-type-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.set-type-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.set-type-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0}.set-type-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0}.set-type-modal .modal-header .close-btn:active{color:#fff}.set-type-modal .set-type-options{display:flex;flex-direction:column;gap:10px;padding:20px}.set-type-modal .set-type-options button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid #3a4048;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:#fff;background-color:#1c2128}.set-type-modal .set-type-options button svg{font-size:1.1rem}.set-type-modal .set-type-options button:active:not(.active){background-color:#252b33;border-color:#4b5563}.set-type-modal .set-type-options button.active{background-color:#2c7de71f;color:#4a9eff;border-color:#2c7de74d}.set-type-modal .set-type-options button.delete-set{color:#ef4444;border-color:#ef44444d}.set-type-modal .set-type-options button.delete-set:active{background-color:#ef44441a}.period-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.period-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.period-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0}.period-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0}.period-modal .modal-header .close-btn:active{color:#fff}.period-modal .period-options{display:flex;flex-direction:column;gap:10px;padding:20px}.period-modal .period-options .period-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid #3a4048;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:#fff;background-color:#1c2128}.period-modal .period-options .period-option:active:not(.active){background-color:#252b33;border-color:#4b5563}.period-modal .period-options .period-option.active{background-color:#2c7de71f;color:#4a9eff;border-color:#2c7de74d}.period-modal .period-options .period-option .check-icon{font-size:14px;color:#4a9eff}.chart-help-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.chart-help-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.chart-help-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0}.chart-help-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0}.chart-help-modal .modal-header .close-btn:active{color:#fff}.chart-help-modal .help-content{padding:20px;max-height:60vh;overflow-y:auto}.chart-help-modal .help-content p{font-size:14px;color:#d1d5db;line-height:1.6;margin:0 0 12px}.chart-help-modal .help-content p:last-child{margin-bottom:0}.chart-help-modal .help-content p strong{color:#fff}.section-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading-row .section-heading{margin-bottom:0!important}.section-heading-row .heading-actions{display:flex;align-items:center;gap:8px}.section-heading-row .chart-help-btn{background:none;border:none;color:#6b7280;font-size:15px;padding:4px;cursor:pointer;display:flex;align-items:center}.section-heading-row .period-trigger{position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#9ca3af;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.section-heading-row .period-trigger svg{font-size:11px}.section-heading-row .period-trigger:active{background-color:#ffffff1a}.exercise-actions-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards;overflow:hidden}.exercise-actions-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border-bottom:1px solid #3a4048}.exercise-actions-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1;margin:0}.exercise-actions-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;flex-shrink:0}.exercise-actions-modal .modal-header .close-btn:active{color:#fff}.exercise-actions-modal .exercise-actions-options{display:flex;flex-direction:column;gap:10px;padding:20px}.exercise-actions-modal .exercise-actions-options button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid #3a4048;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;color:#fff;background-color:#1c2128}.exercise-actions-modal .exercise-actions-options button svg{font-size:1.1rem}.exercise-actions-modal .exercise-actions-options button:active{background-color:#252b33;border-color:#4b5563}.exercise-actions-modal .exercise-actions-options button:disabled{opacity:.3;cursor:not-allowed}.exercise-actions-modal .exercise-actions-options button.delete{color:#ef4444;border-color:#ef44444d}.exercise-actions-modal .exercise-actions-options button.delete:active{background-color:#ef44441a}.routine-detail-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding-bottom:10px;min-height:100vh}.routine-detail-view .routine-content{flex:1}.routine-detail-view .section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.routine-detail-view .section-header h2{font-size:18px;font-weight:600;color:#fff}.routine-detail-view .section-header .exercise-count{background-color:#2c7de7;color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:12px}.routine-detail-view .routine-exercises{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.routine-detail-view .routine-exercise-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px}.routine-detail-view .routine-exercise-card .exercise-number{width:28px;height:28px;background-color:#1c2128;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#4a9eff;flex-shrink:0}.routine-detail-view .routine-exercise-card .exercise-info{flex:1}.routine-detail-view .routine-exercise-card .exercise-info h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:6px}.routine-detail-view .routine-exercise-card .exercise-info .exercise-target{font-size:14px;color:#4a9eff;margin-bottom:4px}.routine-detail-view .routine-exercise-card .exercise-info .exercise-target .exercise-rir,.routine-detail-view .routine-exercise-card .exercise-info .exercise-target .exercise-rpe{font-size:14px;color:#4a9eff}.routine-detail-view .routine-exercise-card .exercise-info .exercise-muscles{font-size:13px;color:#6b7280}.routine-detail-view .routine-exercise-card .exercise-info .exercise-notes{font-size:13px;color:#9ca3af;font-style:italic;margin-top:2px}.routine-detail-view .routine-charts-section{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:16px;margin-bottom:24px}.routine-detail-view .routine-charts-section .section-heading{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.routine-detail-view .routine-charts-section .chart-tab-selector{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.routine-detail-view .routine-charts-section .chart-tab-selector::-webkit-scrollbar{display:none}.routine-detail-view .routine-charts-section .chart-tab-selector button{flex-shrink:0;padding:8px 14px;background-color:#252b33;border:none;border-radius:8px;color:#9ca3af;font-size:12px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.routine-detail-view .routine-charts-section .chart-tab-selector button.active{background-color:#2c7de7;color:#fff}.routine-detail-view .routine-charts-section .exercise-chart-container{background-color:#252b33;border-radius:12px;padding:16px}.routine-detail-view .routine-charts-section .exercise-chart-container .chart-empty-state{height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;text-align:center}.routine-detail-view .routine-charts-section .exercise-chart-container .chart-average-text{text-align:center;color:#6b7280;font-size:12px;margin-top:10px}.routine-detail-view .start-workout-big-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;background-color:#2c7de7;border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;margin-bottom:16px}.routine-detail-view .start-workout-big-btn svg{font-size:20px}.routine-detail-view .start-workout-big-btn:hover{background-color:#3a8eef}.routine-detail-view .start-workout-big-btn:active{transform:scale(.98)}.routine-detail-view .routine-created-date{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;margin-bottom:12px}.routine-detail-view .routine-created-date svg{font-size:12px}.routine-detail-view .routine-danger-actions{display:flex;gap:10px}.routine-detail-view .archive-routine-btn,.routine-detail-view .delete-routine-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#3a4048;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;padding:12px;transition:background-color .2s ease,transform .2s ease}.routine-detail-view .archive-routine-btn:hover,.routine-detail-view .delete-routine-btn:hover{background-color:#4a5058}.routine-detail-view .archive-routine-btn:active,.routine-detail-view .delete-routine-btn:active{transform:scale(.98)}.workout-history-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding-bottom:10px;min-height:100vh}.workout-history-view .history-content{flex:1}.workout-history-view .history-month-group{margin-bottom:32px}.workout-history-view .history-month-group .month-title{font-size:14px;font-weight:600;color:#9ca3af;text-transform:capitalize;margin-bottom:16px;padding-left:4px}.workout-history-view .history-workouts{display:flex;flex-direction:column;gap:12px}.workout-history-view .history-workout-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;overflow:hidden;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-history-view .history-workout-card.expanded{border-color:#4a9eff}.workout-history-view .history-workout-card .workout-header-row{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background-color .2s}.workout-history-view .history-workout-card .workout-header-row:hover{background-color:#323a44}.workout-history-view .history-workout-card .workout-date-badge{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background-color:#1c2128;border-radius:10px;min-width:50px;flex-shrink:0}.workout-history-view .history-workout-card .workout-date-badge .day-name{font-size:11px;font-weight:500;color:#6b7280;text-transform:capitalize}.workout-history-view .history-workout-card .workout-date-badge .day-num{font-size:20px;font-weight:700;color:#fff}.workout-history-view .history-workout-card .workout-details{flex:1}.workout-history-view .history-workout-card .workout-details h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:6px}.workout-history-view .history-workout-card .workout-details .workout-stats{font-size:13px;color:#6b7280}.workout-history-view .history-workout-card .expand-icon{color:#6b7280;font-size:14px;transition:transform .2s;flex-shrink:0}.workout-history-view .history-workout-card .expand-icon.rotated{transform:rotate(90deg)}.workout-history-view .history-workout-card .workout-exercises-detail{padding:0 16px 16px;border-top:1px solid #3a4048;margin-top:0}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise{padding:12px 0;border-bottom:1px solid #3a4048}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise:last-child{border-bottom:none}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-header .exercise-name{font-size:15px;font-weight:500;color:#fff}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-header .exercise-sets-count{font-size:12px;color:#4a9eff;background-color:#4a9eff1a;padding:4px 8px;border-radius:6px}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets{display:flex;flex-direction:column;gap:6px}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:#1c2128;border-radius:8px}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row .set-number{font-size:12px;color:#6b7280;min-width:45px}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row .set-number.set-label-warmup{color:#fbbf24;font-weight:700}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row .set-number.set-label-dropset{color:#ef4444;font-weight:700}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row .set-data{font-size:14px;font-weight:500;color:#fff;flex:1}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-sets .set-row .set-extra{font-size:12px;color:#6b7280}.workout-history-view .history-workout-card .workout-exercises-detail .history-exercise .exercise-notes{font-size:13px;color:#9ca3af;font-style:italic;margin:8px 0 0;padding:0 12px}.workout-history-view .history-workout-card .workout-exercises-detail .workout-notes{margin-top:12px;padding:12px;background-color:#1c2128;border-radius:8px}.workout-history-view .history-workout-card .workout-exercises-detail .workout-notes .notes-label{font-size:12px;color:#6b7280;display:block;margin-bottom:4px}.workout-history-view .history-workout-card .workout-exercises-detail .workout-notes p{font-size:14px;color:#9ca3af;margin:0}.workout-history-view .history-workout-card .workout-exercises-detail .delete-workout-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background:none;border:1px solid #ef4444;border-radius:10px;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-history-view .history-workout-card .workout-exercises-detail .delete-workout-btn-full:hover{background-color:#ef44441a}.workout-history-view .history-workout-card .delete-workout-btn{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:8px;display:flex;opacity:.7;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-history-view .history-workout-card .delete-workout-btn:hover{color:#ef4444;opacity:1}.workout-detail-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding-bottom:40px}.workout-detail-view .workout-detail-meta{padding:16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;margin-bottom:20px}.workout-detail-view .workout-detail-meta .workout-detail-date{font-size:14px;color:#9ca3af;text-transform:capitalize;display:block;margin-bottom:10px}.workout-detail-view .workout-detail-meta .workout-detail-stats{display:flex;gap:16px;flex-wrap:wrap}.workout-detail-view .workout-detail-meta .workout-detail-stats span{font-size:13px;color:#4a9eff;display:flex;align-items:center;gap:6px}.workout-detail-view .workout-detail-meta .workout-detail-stats span svg{font-size:12px}.workout-detail-view .workout-detail-exercises{display:flex;flex-direction:column;gap:12px}.workout-detail-view .workout-detail-exercises .history-exercise.clickable{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:14px;cursor:pointer;transition:background-color .2s}.workout-detail-view .workout-detail-exercises .history-exercise.clickable:active{background-color:#333b44}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-header .exercise-header-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-header .exercise-header-info .exercise-name{font-size:15px;font-weight:500;color:#fff}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-header .exercise-header-info .exercise-sets-count{font-size:12px;color:#9ca3af}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-header .exercise-card-chevron{color:#6b7280;font-size:12px;flex-shrink:0}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets{display:flex;flex-direction:column;gap:6px}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row{display:flex;align-items:center;gap:12px;padding:4px 0}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row .set-number{width:24px;text-align:center;font-size:13px;font-weight:600;color:#4a9eff}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row .set-number.set-label-warmup{color:#f59e0b;font-weight:700}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row .set-number.set-label-dropset{color:#ef4444;font-weight:700}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row .set-data{font-size:14px;font-weight:500;color:#fff;flex:1}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-sets .set-row .set-extra{font-size:12px;color:#6b7280}.workout-detail-view .workout-detail-exercises .history-exercise.clickable .exercise-notes{font-size:13px;color:#9ca3af;font-style:italic;margin:8px 0 0}.workout-detail-view .workout-distribution{margin-top:16px;margin-bottom:16px;padding:16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px}.workout-detail-view .workout-distribution .distribution-title{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:600}.workout-detail-view .workout-distribution .distribution-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.workout-detail-view .workout-distribution .distribution-row:last-child{margin-bottom:0}.workout-detail-view .workout-distribution .distribution-row .distribution-label{font-size:13px;color:#e5e7eb;font-weight:500;min-width:90px}.workout-detail-view .workout-distribution .distribution-row .distribution-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.workout-detail-view .workout-distribution .distribution-row .distribution-bar-track .distribution-bar-fill{height:100%;background:#4a9eff;border-radius:4px}.workout-detail-view .workout-distribution .distribution-row .distribution-percent{font-size:13px;color:#9ca3af;font-weight:600;min-width:36px;text-align:right}.workout-detail-view .workout-notes{margin-top:16px;padding:12px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px}.workout-detail-view .workout-notes .notes-label{font-size:12px;color:#6b7280;display:block;margin-bottom:4px}.workout-detail-view .workout-notes p{font-size:14px;color:#9ca3af;margin:0}.workout-detail-view .delete-workout-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:12px;background:none;border:1px solid #ef4444;border-radius:10px;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-detail-view .delete-workout-btn-full:hover{background-color:#ef44441a}.routine-exercise-card.clickable{cursor:pointer;transition:background-color .2s}.routine-exercise-card.clickable:active{background-color:#333b44}.routine-exercise-card.clickable .exercise-card-chevron{color:#6b7280;font-size:12px;flex-shrink:0;align-self:center}.exercise-item-header .exercise-name.clickable{cursor:pointer;display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500;transition:color .2s}.exercise-item-header .exercise-name.clickable:active{color:#4a9eff}.exercise-item-header .exercise-name.clickable .exercise-name-chevron{font-size:10px;color:#6b7280}.finish-workout-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;background-color:#2a3038;border-radius:20px;overflow:hidden;z-index:1005;animation:modalFadeIn .25s ease-out forwards}.finish-workout-modal .modal-content-finish{padding:40px 24px 24px;text-align:center}.finish-workout-modal .modal-content-finish .finish-icon{margin:0 auto 24px}.finish-workout-modal .modal-content-finish .finish-icon svg{font-size:48px;color:#4ade80}.finish-workout-modal .modal-content-finish h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.finish-workout-modal .modal-content-finish .finish-timer{font-size:48px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:32px;letter-spacing:-1px}.finish-workout-modal .modal-content-finish .finish-stats{display:flex;justify-content:space-around;gap:24px;margin-bottom:32px;padding:20px;background-color:#1c2128;border-radius:8px;border:1px solid #3a4048}.finish-workout-modal .modal-content-finish .finish-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.finish-workout-modal .modal-content-finish .finish-stats .stat .stat-value{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.finish-workout-modal .modal-content-finish .finish-stats .stat .stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.finish-workout-modal .modal-content-finish .notes-section{text-align:left;margin-bottom:24px}.finish-workout-modal .modal-content-finish .notes-section label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.finish-workout-modal .modal-content-finish .notes-section textarea{width:100%;padding:16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:none}.finish-workout-modal .modal-content-finish .notes-section textarea::placeholder{color:#6b7280}.finish-workout-modal .modal-content-finish .notes-section textarea:focus{outline:none;border-color:#2c7de7}.finish-workout-modal .modal-content-finish .finish-actions{display:flex;flex-direction:column;gap:12px}.finish-workout-modal .modal-content-finish .finish-actions .save-workout-btn{padding:16px 20px;background:linear-gradient(135deg,#4a9eff,#2c7de7);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;box-shadow:0 4px 12px #4a9eff40}.finish-workout-modal .modal-content-finish .finish-actions .save-workout-btn:active{transform:scale(.96);box-shadow:0 2px 8px #4a9eff33}.finish-workout-modal .modal-content-finish .finish-actions .discard-workout-btn{padding:12px;background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s}.finish-workout-modal .modal-content-finish .finish-actions .discard-workout-btn:hover{color:#ef4444}.finish-workout-modal .modal-content-finish .finish-actions .back-to-workout-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:transparent;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s}.finish-workout-modal .modal-content-finish .finish-actions .back-to-workout-btn svg{font-size:12px}.finish-workout-modal .modal-content-finish .finish-actions .back-to-workout-btn:hover{color:#2c7de7}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.onboarding-screen{min-height:100vh;background:linear-gradient(180deg,#1c2128,#0f1318);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.onboarding-container{width:100%;max-width:420px;display:flex;flex-direction:column;min-height:calc(100vh - 40px - var(--safe-area-inset-top, 0px))}.onboarding-progress{display:flex;align-items:center;gap:12px;margin-bottom:24px;animation:fadeIn .3s ease-out}.onboarding-progress .progress-bar{flex:1;height:6px;background-color:#2a3038;border-radius:3px;overflow:hidden}.onboarding-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#2c7de7);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-progress .progress-text{color:#6b7280;font-size:13px;font-weight:500;min-width:40px;text-align:right}.onboarding-content{flex:1;display:flex;flex-direction:column;justify-content:center}.onboarding-step-content.slide-in-right{animation:slideInRight .35s cubic-bezier(.4,0,.2,1)}.onboarding-step-content.slide-in-left{animation:slideInLeft .35s cubic-bezier(.4,0,.2,1)}.onboarding-welcome{text-align:center;animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}.onboarding-welcome .onboarding-logo{width:100px;height:100px;margin-bottom:24px;animation:bounceIn .6s ease-out .2s both}.onboarding-welcome h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.onboarding-welcome p{font-size:16px;color:#9ca3af;line-height:1.6;margin:0 0 32px}.onboarding-welcome .onboarding-features{display:flex;flex-direction:column;gap:12px}.onboarding-welcome .onboarding-features .feature-item{display:flex;align-items:center;gap:12px;padding:16px;background-color:#2a3038;border-radius:12px;color:#fff;font-size:15px}.onboarding-welcome .onboarding-features .feature-item svg{color:#4a9eff;font-size:20px}.onboarding-input-step{text-align:center}.onboarding-input-step .step-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a9eff26,#2c7de726);border-radius:50%;animation:bounceIn .5s ease-out}.onboarding-input-step .step-icon svg{font-size:32px;color:#4a9eff}.onboarding-input-step h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.onboarding-input-step p{font-size:15px;color:#9ca3af;margin:0 0 32px}.onboarding-input-step .input-with-unit{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.onboarding-input-step .input-with-unit input{width:140px;padding:20px;font-size:32px;font-weight:700;text-align:center;background-color:#2a3038;border:2px solid #3a4048;border-radius:16px;color:#fff;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.onboarding-input-step .input-with-unit input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 4px #4a9eff26}.onboarding-input-step .input-with-unit input::placeholder{color:#4a5058}.onboarding-input-step .input-with-unit input::-webkit-outer-spin-button,.onboarding-input-step .input-with-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding-input-step .input-with-unit input{-moz-appearance:textfield}.onboarding-input-step .input-with-unit .unit{font-size:20px;font-weight:600;color:#6b7280}.onboarding-input-step .input-date-wrapper{display:flex;justify-content:center;margin-bottom:12px;position:relative}.onboarding-input-step .input-date-wrapper .date-display-btn{width:100%;max-width:280px;padding:16px 20px;font-size:18px;font-weight:600;text-align:center;background-color:#2a3038;border:2px solid #3a4048;border-radius:16px;color:#4a5058;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;cursor:pointer;font-family:inherit}.onboarding-input-step .input-date-wrapper .date-display-btn.has-value{color:#fff}.onboarding-input-step .input-date-wrapper .date-display-btn:active{border-color:#4a9eff;box-shadow:0 0 0 4px #4a9eff26}.onboarding-input-step .input-error{display:block;color:#ef4444;font-size:13px;margin-top:8px}.onboarding-selection-step{text-align:center}.onboarding-selection-step .step-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a9eff26,#2c7de726);border-radius:50%;animation:bounceIn .5s ease-out}.onboarding-selection-step .step-icon svg{font-size:32px;color:#4a9eff}.onboarding-selection-step h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.onboarding-selection-step p{font-size:15px;color:#9ca3af;margin:0 0 24px}.sex-options{display:flex;gap:16px}.sex-options .sex-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background-color:#2a3038;border:2px solid #3a4048;border-radius:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.sex-options .sex-option .sex-icon{font-size:40px}.sex-options .sex-option span:last-child{font-size:15px;font-weight:600;color:#fff}.sex-options .sex-option:hover{border-color:#4a5058;background-color:#323a44}.sex-options .sex-option.selected{border-color:#4a9eff;background:linear-gradient(135deg,#4a9eff1a,#2c7de71a)}.sex-options .sex-option.selected .sex-icon{animation:bounceIn .4s ease-out}.goal-options-wrapper{position:relative}.goal-options-wrapper:before,.goal-options-wrapper:after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.goal-options-wrapper:before{top:0;background:linear-gradient(to bottom,#161b22 0%,transparent 100%)}.goal-options-wrapper:after{bottom:0;background:linear-gradient(to top,#161b22 0%,transparent 100%)}.goal-options-wrapper.fade-top:before{opacity:1;transition:none}.goal-options-wrapper.fade-bottom:after{opacity:1;transition:none}.goal-options{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto;padding-right:4px}.goal-options .goal-option{display:flex;align-items:center;padding:12px 14px;background-color:#2a3038;border:2px solid #3a4048;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;text-align:left}.goal-options .goal-option .goal-text{display:flex;flex-direction:column;width:100%}.goal-options .goal-option .goal-text .goal-label{font-size:14px;font-weight:600;color:#fff}.goal-options .goal-option .goal-text .goal-description{font-size:12px;color:#6b7280;margin-top:2px}.goal-options .goal-option:hover{border-color:#4a5058;background-color:#323a44}.goal-options .goal-option.selected{border-color:#4a9eff;background:linear-gradient(135deg,#4a9eff1a,#2c7de71a)}.activity-options{display:flex;flex-direction:column;gap:8px}.activity-options .activity-option{display:flex;align-items:center;padding:12px 14px;background-color:#2a3038;border:2px solid #3a4048;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;text-align:left}.activity-options .activity-option .activity-text{display:flex;flex-direction:column;width:100%}.activity-options .activity-option .activity-text .activity-label{font-size:14px;font-weight:600;color:#fff}.activity-options .activity-option .activity-text .activity-description{font-size:12px;color:#6b7280;margin-top:2px}.activity-options .activity-option:hover{border-color:#4a5058;background-color:#323a44}.activity-options .activity-option.selected{border-color:#4a9eff;background:linear-gradient(135deg,#4a9eff1a,#2c7de71a)}.workout-goal-options{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.workout-goal-options .workout-goal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;height:72px;background-color:#2a3038;border:2px solid #3a4048;border-radius:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.workout-goal-options .workout-goal-option .workout-goal-number{font-size:24px;font-weight:700;color:#fff}.workout-goal-options .workout-goal-option .workout-goal-label{font-size:11px;color:#6b7280;margin-top:-2px}.workout-goal-options .workout-goal-option:hover{border-color:#4a5058;background-color:#323a44}.workout-goal-options .workout-goal-option.selected{border-color:#4a9eff;background:linear-gradient(135deg,#4a9eff1a,#2c7de71a)}.workout-goal-options .workout-goal-option.selected .workout-goal-number{color:#4a9eff}.onboarding-summary{text-align:center}.onboarding-summary .step-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:bounceIn .5s ease-out}.onboarding-summary .step-icon svg{font-size:32px}.onboarding-summary .step-icon.success{background:linear-gradient(135deg,#4ade8026,#22c55e26)}.onboarding-summary .step-icon.success svg{color:#4ade80}.onboarding-summary h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.onboarding-summary p{font-size:15px;color:#9ca3af;margin:0 0 24px}.onboarding-summary .summary-data{background-color:#2a3038;border-radius:16px;padding:16px;margin-bottom:20px}.onboarding-summary .summary-data .summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #3a4048}.onboarding-summary .summary-data .summary-row:last-child{border-bottom:none}.onboarding-summary .summary-data .summary-row .summary-label{color:#6b7280;font-size:14px}.onboarding-summary .summary-data .summary-row .summary-value{color:#fff;font-size:14px;font-weight:600}.onboarding-summary .summary-macros{background:linear-gradient(135deg,#4a9eff1a,#2c7de70d);border:1px solid rgba(74,158,255,.2);border-radius:16px;padding:20px}.onboarding-summary .summary-macros h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.onboarding-summary .summary-macros .macros-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.onboarding-summary .summary-macros .macros-grid .macro-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background-color:#0003;border-radius:12px}.onboarding-summary .summary-macros .macros-grid .macro-item .macro-value{font-size:18px;font-weight:700;color:#fff}.onboarding-summary .summary-macros .macros-grid .macro-item .macro-label{font-size:11px;color:#6b7280;margin-top:4px}.onboarding-summary .summary-macros .macros-grid .macro-item.calories .macro-value{color:#4a9eff}.onboarding-summary .summary-macros .macros-grid .macro-item.protein .macro-value{color:#6b9bd1}.onboarding-summary .summary-macros .macros-grid .macro-item.carbs .macro-value{color:#4ade80}.onboarding-summary .summary-macros .macros-grid .macro-item.fats .macro-value{color:#fc9230}.onboarding-summary .onboarding-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:10px;font-size:14px;margin-top:16px}.onboarding-navigation{display:flex;gap:12px;margin-top:32px;padding-bottom:20px}.onboarding-navigation .nav-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;border:none}.onboarding-navigation .nav-btn.back{background-color:#2a3038;color:#9ca3af}.onboarding-navigation .nav-btn.back:hover:not(:disabled){background-color:#3a4048;color:#fff}.onboarding-navigation .nav-btn.primary{flex:1;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff}.onboarding-navigation .nav-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#5aa8ff,#3c8df7);box-shadow:0 4px 15px #4a9eff66;transform:translateY(-2px)}.onboarding-navigation .nav-btn.primary:active:not(:disabled){transform:translateY(0)}.onboarding-navigation .nav-btn.full-width{width:100%}.onboarding-navigation .nav-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-navigation .nav-btn .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.image-fullscreen-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.image-fullscreen-overlay .image-fullscreen-close{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.food-search-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px;min-height:100vh}.food-search-view .food-search-container{flex:1;display:flex;flex-direction:column;gap:16px}.food-search-view .search-input-wrapper{display:flex;align-items:center;background:#2a3038;border-radius:12px;padding:14px 16px;gap:12px;border:1px solid #3a4048}.food-search-view .search-input-wrapper .search-icon{color:#9ca3af;font-size:16px}.food-search-view .search-input-wrapper input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none}.food-search-view .search-input-wrapper input::placeholder{color:#6b7280}.food-search-view .search-input-wrapper .clear-search{background:none;border:none;color:#9ca3af;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.food-search-view .search-input-wrapper .clear-search:active{color:#fff}.food-search-view .search-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 20px;color:#9ca3af;font-size:14px}.food-search-view .search-loading .spin{animation:spin 1s linear infinite}.food-search-view .search-empty{text-align:center;padding:48px 20px;color:#6b7280}.food-search-view .search-empty p{font-size:15px}.food-search-view .search-initial{text-align:center;padding:60px 20px;color:#6b7280}.food-search-view .search-initial .search-initial-icon{font-size:48px;color:#3a4048;margin-bottom:16px}.food-search-view .search-initial p{font-size:16px;color:#9ca3af;margin-bottom:8px}.food-search-view .search-initial span{font-size:13px}.food-search-view .food-results-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:80px}.food-search-view .food-result-item{background:#2a3038;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;border:1px solid #3a4048;animation:slideUp .3s ease-out}.food-search-view .food-result-item:active{transform:scale(.98);background:#333a44}.food-search-view .food-result-item .food-info{display:flex;flex-direction:column;gap:2px}.food-search-view .food-result-item .food-info .food-name-es{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.food-search-view .food-result-item .food-info .food-name-en{color:#6b7280;font-size:12px;font-style:italic}.food-search-view .food-result-item .food-macros{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.food-search-view .food-result-item .food-macros .cal{color:#fff;font-weight:700;font-size:14px}.food-search-view .food-result-item .food-macros .macro{font-size:12px;padding:3px 8px;border-radius:6px}.food-search-view .food-result-item .food-macros .macro.p{color:#6b9bd1;background:#6b9bd11a}.food-search-view .food-result-item .food-macros .macro.c{color:#4ade80;background:#4ade801a}.food-search-view .food-result-item .food-macros .macro.f{color:#fc9230;background:#fc92301a}.food-search-view .pending-foods-section{position:fixed;bottom:0;left:0;right:0;background:#1c2128;border-top:1px solid #3a4048;padding:16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100}.food-search-view .pending-foods-section .pending-foods-header{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px;font-weight:500;padding:4px 0;margin-bottom:12px;cursor:pointer}.food-search-view .pending-foods-section .pending-foods-header .expand-icon{color:#9ca3af;font-size:14px;transition:transform .2s ease;transform:rotate(180deg)}.food-search-view .pending-foods-section .pending-foods-header .expand-icon.expanded{transform:rotate(0)}.food-search-view .pending-foods-section .pending-foods-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.food-search-view .pending-foods-section .pending-food-item{display:flex;align-items:center;justify-content:space-between;background:#2a3038;border-radius:10px;padding:12px;border:1px solid #3a4048}.food-search-view .pending-foods-section .pending-food-item .pending-food-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.food-search-view .pending-foods-section .pending-food-item .pending-food-info .pending-food-name{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-search-view .pending-foods-section .pending-food-item .pending-food-info .pending-food-amount{color:#6b7280;font-size:12px}.food-search-view .pending-foods-section .pending-food-item .remove-pending-btn{background:none;border:none;color:#6b7280;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.food-search-view .pending-foods-section .pending-food-item .remove-pending-btn:active{color:#ef4444}.food-search-view .pending-foods-section .confirm-pending-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#2c7de7);border:none;border-radius:12px;padding:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:10px}.food-search-view .pending-foods-section .confirm-pending-btn:active{opacity:.9;transform:scale(.98)}.food-detail-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.food-detail-view .food-detail-content{flex:1;padding:0 0 100px;overflow-y:auto}.food-detail-view .food-title-section{text-align:center;background:linear-gradient(135deg,#2a3038,#232830);border-radius:14px;padding:18px;border:1px solid #3a4048}.food-detail-view .food-title-section .food-title-es{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 6px;letter-spacing:-.5px}.food-detail-view .food-title-section .food-title-en{color:#6b7280;font-size:14px}.food-detail-view .food-macros-summary{background:#2a3038;border-radius:16px;padding:20px;border:1px solid #3a4048}.food-detail-view .food-macros-summary .macro-main{text-align:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #3a4048}.food-detail-view .food-macros-summary .macro-main .macro-value{font-size:36px;font-weight:700;color:#fff}.food-detail-view .food-macros-summary .macro-main .macro-label{font-size:14px;color:#9ca3af;margin-left:4px}.food-detail-view .food-macros-summary .macro-secondary{display:flex;justify-content:space-around}.food-detail-view .food-macros-summary .macro-secondary .macro-item{display:flex;flex-direction:column;align-items:center;gap:4px}.food-detail-view .food-macros-summary .macro-secondary .macro-item .value{font-size:18px;font-weight:600}.food-detail-view .food-macros-summary .macro-secondary .macro-item .label{font-size:11px;color:#9ca3af;text-transform:uppercase}.food-detail-view .food-macros-summary .macro-secondary .macro-item.p .value{color:#6b9bd1}.food-detail-view .food-macros-summary .macro-secondary .macro-item.c .value{color:#4ade80}.food-detail-view .food-macros-summary .macro-secondary .macro-item.f .value{color:#fc9230}.food-detail-view .portion-selector-card{background:#2a3038;border-radius:16px;padding:4px 16px;border:1px solid #3a4048}.food-detail-view .portion-selector-card .portion-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.food-detail-view .portion-selector-card .portion-row:first-child{border-bottom:1px solid #3a4048}.food-detail-view .portion-selector-card .portion-row label{color:#9ca3af;font-size:14px}.food-detail-view .portion-selector-card .portion-row input{width:80px;background:#1c2128;border:1px solid #3a4048;border-radius:8px;padding:10px 12px;color:#fff;font-size:16px;font-weight:600;text-align:center;outline:none}.food-detail-view .portion-selector-card .portion-row input:focus{border-color:#4a9eff}.food-detail-view .portion-selector-card .portion-row select{background:#1c2128;border:1px solid #3a4048;border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;outline:none;min-width:140px}.food-detail-view .portion-selector-card .portion-row select:focus{border-color:#4a9eff}.food-detail-view .add-food-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#2c7de7);border:none;border-radius:14px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;box-shadow:0 4px 16px #4a9eff4d}.food-detail-view .add-food-btn:active{transform:scale(.98);opacity:.9}.food-detail-view .nutrition-facts{background:#2a3038;border-radius:16px;border:1px solid #3a4048;overflow:hidden}.food-detail-view .nutrition-facts .nutrition-facts-header{background:#1c2128;padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3a4048}.food-detail-view .nutrition-facts .nutrition-facts-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.food-detail-view .nutrition-facts .nutrition-facts-header .serving-info{color:#9ca3af;font-size:12px}.food-detail-view .nutrition-facts .nutrient-group{padding:12px 16px;border-bottom:1px solid #3a4048}.food-detail-view .nutrition-facts .nutrient-group:last-child{border-bottom:none}.food-detail-view .nutrition-facts .nutrient-group .group-title{color:#4a9eff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(58,64,72,.3)}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row:last-child{border-bottom:none}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row.indent{padding-left:16px}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row.indent .nutrient-name{color:#6b7280;font-size:13px}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row .nutrient-name{color:#d1d5db;font-size:14px}.food-detail-view .nutrition-facts .nutrient-group .nutrient-row .nutrient-value{color:#fff;font-size:14px;font-weight:600}.exercise-browser-view{min-height:100vh;padding-bottom:20px;background-color:#1c2128}.exercise-browser-view .detail-header{padding-inline:16px}.exercise-browser-view .exercise-browser-content{padding:0 16px}.exercise-browser-view .exercise-browser-content .exercise-search-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.exercise-browser-view .exercise-browser-content .exercise-search-bar{position:relative;flex:1}.exercise-browser-view .exercise-browser-content .exercise-search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}.exercise-browser-view .exercise-browser-content .exercise-search-bar input{width:100%;padding:12px 40px;background-color:#252b33;border:1px solid #3a4048;border-radius:12px;color:#fff;font-size:15px;box-sizing:border-box}.exercise-browser-view .exercise-browser-content .exercise-search-bar input::placeholder{color:#6b7280}.exercise-browser-view .exercise-browser-content .exercise-search-bar input:focus{outline:none;border-color:#4a9eff}.exercise-browser-view .exercise-browser-content .exercise-search-bar .clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px}.exercise-browser-view .exercise-browser-content .muscle-filter-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#252b33;border:1px solid #3a4048;border-radius:12px;color:#6b7280;font-size:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-browser-view .exercise-browser-content .muscle-filter-btn:hover{background-color:#2d343d;color:#fff}.exercise-browser-view .exercise-browser-content .muscle-filter-btn.has-filter{background-color:#2c7de7;border-color:#2c7de7;color:#fff}.exercise-browser-view .exercise-browser-content .exercises-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px 10px;background-color:#252b33;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item:active{transform:scale(.95)}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .exercise-thumb{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#3a4048}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .exercise-thumb img{width:100%;height:100%;object-fit:cover}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .exercise-thumb .thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:24px}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .exercise-name-row{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .exercise-name{font-size:12px;font-weight:500;color:#fff;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exercise-browser-view .exercise-browser-content .exercises-list .exercise-item .custom-badge{font-size:9px;font-weight:600;color:#4a9eff;background-color:#4a9eff1f;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.exercise-browser-view .exercise-browser-content .exercises-list .empty-state{grid-column:1/-1;text-align:center;padding:40px 20px;color:#6b7280}.exercise-browser-view .exercise-browser-content .exercises-list .empty-state .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.exercise-browser-view .exercise-browser-content .exercises-list .exercises-load-more{grid-column:1/-1;display:flex;justify-content:center;padding:20px 0}.exercise-browser-view .exercise-browser-content .exercises-list .exercises-load-more .spinner-icon{font-size:20px;color:#4a9eff;opacity:.6;animation:spin 1s linear infinite}.exercise-browser-view .exercise-detail-content{padding:0 16px}.exercise-browser-view .exercise-video-container{border-radius:16px;margin-bottom:20px;overflow:hidden;background:linear-gradient(135deg,#252b33,#1c2128);border:1px solid #3a4048}.exercise-browser-view .exercise-video-container .exercise-video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#1c2128}.exercise-browser-view .exercise-video-container .exercise-video-wrapper video{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.exercise-browser-view .exercise-video-container .exercise-video-wrapper .video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#252b33,#1c2128)}.exercise-browser-view .exercise-video-container .exercise-video-wrapper .video-loading .spinner-icon{font-size:32px;color:#4a9eff;opacity:.6;animation:spin 1s linear infinite}.exercise-browser-view .exercise-video-container .video-fallback{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center}.exercise-browser-view .exercise-video-container .video-fallback .placeholder-icon{font-size:48px;color:#4a9eff;opacity:.6;margin-bottom:8px}.exercise-browser-view .exercise-video-container .video-fallback .placeholder-muscle{font-size:14px;color:#9ca3af;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exercise-browser-view .exercise-info-section{margin-bottom:20px}.exercise-browser-view .exercise-info-section .badge-group{margin-bottom:12px}.exercise-browser-view .exercise-info-section .badge-group .badge-label{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.exercise-browser-view .exercise-info-section .badge-group .badges{display:flex;flex-wrap:wrap;gap:8px}.exercise-browser-view .exercise-info-section .badge-group .badge{font-size:13px;font-weight:500;padding:6px 14px;border-radius:20px;display:inline-block}.exercise-browser-view .exercise-info-section .badge-group .badge.badge-primary{color:#4a9eff;background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.2)}.exercise-browser-view .exercise-info-section .badge-group .badge.badge-secondary{color:#9ca3af;background-color:#9ca3af1a;border:1px solid rgba(156,163,175,.15)}.exercise-browser-view .exercise-info-section .badge-group .badge.badge-equipment{color:#fbbf24;background-color:#fbbf241a;border:1px solid rgba(251,191,36,.2)}.exercise-browser-view .muscle-distribution-bars{margin-bottom:20px}.exercise-browser-view .muscle-distribution-bars .distribution-title{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.exercise-browser-view .muscle-distribution-bars .distribution-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.exercise-browser-view .muscle-distribution-bars .distribution-row .distribution-label{font-size:13px;color:#e5e7eb;font-weight:500;min-width:90px}.exercise-browser-view .muscle-distribution-bars .distribution-row .distribution-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.exercise-browser-view .muscle-distribution-bars .distribution-row .distribution-bar-track .distribution-bar-fill{height:100%;background:#4a9eff;border-radius:4px;transition:width .3s ease}.exercise-browser-view .muscle-distribution-bars .distribution-row .distribution-percent{font-size:13px;color:#9ca3af;font-weight:600;min-width:36px;text-align:right}.exercise-browser-view .add-exercise-primary-btn{width:100%;padding:14px;background-color:#2c7de7;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-browser-view .add-exercise-primary-btn:active{transform:scale(.98);background-color:#2569c7}.exercise-browser-view .exercise-charts-section .section-heading{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.exercise-browser-view .exercise-charts-section .chart-tab-selector{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.exercise-browser-view .exercise-charts-section .chart-tab-selector::-webkit-scrollbar{display:none}.exercise-browser-view .exercise-charts-section .chart-tab-selector button{flex-shrink:0;padding:8px 14px;background-color:#252b33;border:none;border-radius:8px;color:#9ca3af;font-size:12px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-browser-view .exercise-charts-section .chart-tab-selector button.active{background-color:#2c7de7;color:#fff}.exercise-browser-view .exercise-charts-section .exercise-chart-container{background-color:#252b33;border-radius:12px;padding:16px;margin-bottom:24px}.exercise-browser-view .exercise-charts-section .exercise-chart-container .chart-empty-state{height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.exercise-browser-view .exercise-charts-section .exercise-chart-container .chart-average-text{text-align:center;color:#6b7280;font-size:12px;margin-top:10px}.exercise-browser-view .exercise-records-section{margin-bottom:24px}.exercise-browser-view .exercise-records-section .section-heading{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.exercise-browser-view .exercise-records-section .records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exercise-browser-view .exercise-records-section .records-grid .record-card{background-color:#252b33;border-radius:12px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;border:1px solid #3a4048}.exercise-browser-view .exercise-records-section .records-grid .record-card .record-value{font-size:18px;font-weight:700;color:#4a9eff}.exercise-browser-view .exercise-records-section .records-grid .record-card .record-label{font-size:11px;color:#6b7280;font-weight:500}.exercise-browser-view .exercise-no-history{text-align:center;padding:40px 20px;color:#6b7280}.exercise-browser-view .exercise-no-history .no-history-icon{font-size:40px;opacity:.3;margin-bottom:12px}.exercise-browser-view .exercise-no-history p{font-size:15px;margin-bottom:4px}.exercise-browser-view .exercise-no-history .no-history-subtitle{font-size:13px;opacity:.7}.exercise-browser-view .exercise-detail-tabs{display:flex;gap:8px;padding:0 16px 16px}.exercise-browser-view .exercise-detail-tabs span{flex:1;padding:8px 0;background-color:#ffffff0a;color:#6b7280;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.exercise-browser-view .exercise-detail-tabs span:active{transform:scale(.95)}.exercise-browser-view .exercise-detail-tabs span.active{background-color:#2c7de71f;color:#4a9eff;border-color:#2c7de74d}.exercise-browser-view .exercise-detail-name{font-size:20px;font-weight:700;color:#fff;margin:0;padding:0 16px 12px}.exercise-browser-view .exercise-history-list{display:flex;flex-direction:column;gap:12px}.exercise-browser-view .exercise-history-list .exercises-load-more{display:flex;justify-content:center;padding:20px 0}.exercise-browser-view .exercise-history-list .exercises-load-more .spinner-icon{font-size:20px;color:#4a9eff;opacity:.6;animation:spin 1s linear infinite}.exercise-browser-view .exercise-history-session{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:14px}.exercise-browser-view .exercise-history-session .session-header{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #3a4048}.exercise-browser-view .exercise-history-session .session-header .session-date-badge{display:flex;flex-direction:column;align-items:center;min-width:44px;background-color:#1c2128;border-radius:8px;padding:6px 8px}.exercise-browser-view .exercise-history-session .session-header .session-date-badge .day-name{font-size:10px;color:#6b7280;text-transform:uppercase;font-weight:600}.exercise-browser-view .exercise-history-session .session-header .session-date-badge .day-num{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.exercise-browser-view .exercise-history-session .session-header .session-date-badge .month-name{font-size:10px;color:#6b7280;text-transform:uppercase}.exercise-browser-view .exercise-history-session .session-header .session-info{flex:1;display:flex;flex-direction:column;gap:4px}.exercise-browser-view .exercise-history-session .session-header .session-info .session-exercise-name{font-size:15px;font-weight:600;color:#fff}.exercise-browser-view .exercise-history-session .session-header .session-info .session-routine{font-size:13px;font-weight:500;color:#9ca3af}.exercise-browser-view .exercise-history-session .session-header .session-info .session-sets-count{font-size:12px;color:#4a9eff}.exercise-browser-view .exercise-history-session .session-sets{display:flex;flex-direction:column;gap:6px}.exercise-browser-view .exercise-history-session .session-sets .set-row{display:flex;align-items:center;gap:12px;padding:4px 0}.exercise-browser-view .exercise-history-session .session-sets .set-row .set-number{width:24px;text-align:center;font-size:13px;font-weight:600;color:#4a9eff}.exercise-browser-view .exercise-history-session .session-sets .set-row .set-number.set-label-warmup{color:#f59e0b;font-weight:700}.exercise-browser-view .exercise-history-session .session-sets .set-row .set-number.set-label-dropset{color:#ef4444;font-weight:700}.exercise-browser-view .exercise-history-session .session-sets .set-row .set-data{font-size:14px;font-weight:500;color:#fff;flex:1}.exercise-browser-view .exercise-history-session .session-sets .set-row .set-extra{font-size:12px;color:#6b7280}.exercise-browser-view .exercise-instructions-section .exercise-video-container{margin-bottom:20px}.exercise-browser-view .exercise-instructions-section .instructions-list{display:flex;flex-direction:column;gap:12px}.exercise-browser-view .exercise-instructions-section .instruction-step{display:flex;gap:14px;align-items:flex-start;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:14px}.exercise-browser-view .exercise-instructions-section .instruction-step .step-number{width:28px;height:28px;background-color:#2c7de7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.exercise-browser-view .exercise-instructions-section .instruction-step .step-text{font-size:14px;color:#d1d5db;line-height:1.5;margin:0;flex:1}.recipe-group{background-color:#2a3038;border-radius:12px;margin-bottom:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipe-group:active{transform:scale(.98)}.recipe-group{overflow:hidden;border:1px solid #3a4048}.recipe-group .recipe-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background-color:#4ade8014;border-bottom:1px solid #3a4048}.recipe-group .recipe-group-header .recipe-group-info{flex:1;display:flex;align-items:center;gap:10px}.recipe-group .recipe-group-header .recipe-group-info>div{display:flex;flex-direction:column;gap:2px}.recipe-group .recipe-group-header .recipe-group-info .recipe-label{font-size:15px;font-weight:600;color:#fff}.recipe-group .recipe-group-header .recipe-group-info .recipe-count{font-size:12px;color:#9ca3af}.recipe-group .recipe-group-header .delete-analysis-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ef444426;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipe-group .recipe-group-header .delete-analysis-btn:active{background-color:#ef444440}.recipe-group .recipe-group-header .delete-analysis-btn svg{font-size:14px}.recipe-group .recipe-group-macros{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(58,64,72,.5)}.recipe-group .recipe-group-macros .cal{font-size:14px;font-weight:600;color:#fff}.recipe-group .recipe-group-macros .macro{font-size:13px;color:#9ca3af}.recipe-group .recipe-group-macros .macro.p{color:#6b9bd1}.recipe-group .recipe-group-macros .macro.c{color:#4ade80}.recipe-group .recipe-group-macros .macro.f{color:#fc9230}.recipe-group .recipe-group-foods-preview{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px}.recipe-group .recipe-group-foods-preview .recipe-food-tag{background-color:#1c2128;border:1px solid #3a4048;border-radius:8px;padding:4px 10px;font-size:12px;color:#9ca3af}.save-as-recipe-btn{width:100%;background-color:#2a3038cc;border:1px solid #3a4048;color:#9ca3af;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.save-as-recipe-btn:active{transform:scale(.98);background-color:#252a33e6}.save-as-recipe-btn svg{color:#4ade80}.recipe-name-overlay{position:fixed;inset:0;background:#0009;z-index:1001}.recipe-name-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a3038;border:1px solid #3a4048;border-radius:20px;padding:24px;width:calc(100% - 48px);max-width:400px;z-index:1002;animation:modalFadeIn .25s ease-out}.recipe-name-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.recipe-name-modal .modal-header h3{font-size:18px;font-weight:600;color:#fff}.recipe-name-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:18px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.recipe-name-modal .modal-subtitle{font-size:14px;color:#9ca3af;margin-bottom:16px}.recipe-name-modal .recipe-name-input{width:100%;background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;padding:14px 16px;font-size:16px;color:#fff;outline:none;margin-bottom:16px;box-sizing:border-box}.recipe-name-modal .recipe-name-input::placeholder{color:#6b7280}.recipe-name-modal .recipe-name-input:focus{border-color:#4a9eff}.recipe-name-modal .recipe-save-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.recipe-name-modal .recipe-save-btn:disabled{opacity:.5;cursor:not-allowed}.recipe-name-modal .recipe-save-btn:active:not(:disabled){transform:scale(.98)}.recipe-name-modal .recipe-save-btn .spinner{animation:spin 1s linear infinite}.recipe-portion-modal{position:fixed;bottom:0;left:0;right:0;background:#2a3038;border-top:1px solid #3a4048;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));z-index:1002;animation:slideUp .3s ease-out}.recipe-portion-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recipe-portion-modal .modal-header h3{font-size:17px;font-weight:600;color:#fff;margin:0}.recipe-portion-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:18px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.recipe-portion-modal .portion-selector{margin-bottom:16px}.recipe-portion-modal .portion-selector label{font-size:13px;color:#9ca3af;margin-bottom:8px;display:block}.recipe-portion-modal .portion-selector .portion-input-row{display:flex;align-items:center;gap:10px;justify-content:center}.recipe-portion-modal .portion-selector .portion-input-row .portion-btn{width:44px;height:44px;border-radius:12px;background-color:#1c2128;border:1px solid #3a4048;color:#fff;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipe-portion-modal .portion-selector .portion-input-row .portion-btn:active{background-color:#3a4048;transform:scale(.95)}.recipe-portion-modal .portion-selector .portion-input-row .portion-input{width:80px;max-width:80px;background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;padding:10px;font-size:20px;font-weight:700;color:#fff;text-align:center;outline:none;box-sizing:border-box;-moz-appearance:textfield}.recipe-portion-modal .portion-selector .portion-input-row .portion-input::-webkit-inner-spin-button,.recipe-portion-modal .portion-selector .portion-input-row .portion-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipe-portion-modal .portion-selector .portion-input-row .portion-input:focus{border-color:#4a9eff}.recipe-portion-modal .portion-preview-macros{display:flex;justify-content:space-around;padding:12px;background-color:#1c2128;border-radius:12px;margin-bottom:16px}.recipe-portion-modal .portion-preview-macros .portion-macro{display:flex;flex-direction:column;align-items:center;gap:2px}.recipe-portion-modal .portion-preview-macros .portion-macro .val{font-size:15px;font-weight:700;color:#fff}.recipe-portion-modal .portion-preview-macros .portion-macro .lbl{font-size:10px;color:#9ca3af;text-transform:uppercase}.recipe-portion-modal .portion-preview-macros .portion-macro.p .val{color:#6b9bd1}.recipe-portion-modal .portion-preview-macros .portion-macro.c .val{color:#4ade80}.recipe-portion-modal .portion-preview-macros .portion-macro.f .val{color:#fc9230}.recipe-portion-modal .portion-confirm-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer}.recipe-portion-modal .portion-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.recipe-portion-modal .portion-confirm-btn:active:not(:disabled){transform:scale(.98)}.recipes-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:10px}.recipes-view .search-initial{text-align:center;padding:60px 20px;color:#6b7280}.recipes-view .search-initial .search-initial-icon{font-size:48px;color:#3a4048;margin-bottom:16px}.recipes-view .search-initial p{font-size:16px;color:#9ca3af;margin-bottom:8px}.recipes-view .search-initial span{font-size:13px}.recipes-view .create-recipe-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipes-view .create-recipe-btn:active{transform:scale(.98)}.recipes-view .recipes-list{display:flex;flex-direction:column;gap:12px}.recipes-view .recipes-list .recipe-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipes-view .recipes-list .recipe-card:active{transform:scale(.98)}.recipes-view .recipes-list .recipe-card{padding:16px;animation:slideUp .3s ease-out}.recipes-view .recipes-list .recipe-card .recipe-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recipes-view .recipes-list .recipe-card .recipe-card-header .recipe-name{font-size:16px;font-weight:600;color:#fff;margin:0}.recipes-view .recipes-list .recipe-card .recipe-card-header .delete-recipe-btn{background:none;border:none;color:#9ca3af;font-size:14px;padding:6px;cursor:pointer;border-radius:8px;display:flex;align-items:center}.recipes-view .recipes-list .recipe-card .recipe-card-header .delete-recipe-btn:active{color:#ef4444;background-color:#ef44441a}.recipes-view .recipes-list .recipe-card .recipe-macros{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}.recipes-view .recipes-list .recipe-card .recipe-macros .cal{font-size:14px;font-weight:600;color:#fff}.recipes-view .recipes-list .recipe-card .recipe-macros .macro{font-size:13px;color:#9ca3af}.recipes-view .recipes-list .recipe-card .recipe-macros .macro.p{color:#6b9bd1}.recipes-view .recipes-list .recipe-card .recipe-macros .macro.c{color:#4ade80}.recipes-view .recipes-list .recipe-card .recipe-macros .macro.f{color:#fc9230}.recipes-view .recipes-list .recipe-card .recipe-foods-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.recipes-view .recipes-list .recipe-card .recipe-foods-preview .recipe-food-tag{background-color:#1c2128;border:1px solid #3a4048;border-radius:8px;padding:4px 10px;font-size:12px;color:#9ca3af}.recipes-view .recipes-list .recipe-card .recipe-foods-preview .recipe-food-tag.more{color:#4a9eff;border-color:#4a9eff4d}.recipes-view .recipes-list .recipe-card .use-recipe-btn{width:100%;background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);color:#4a9eff;border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipes-view .recipes-list .recipe-card .use-recipe-btn:active{transform:scale(.98);background-color:#4a9eff33}.recipe-create-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:calc(140px + var(--safe-area-inset-bottom, 0px))}.recipe-create-view .recipe-create-content{display:flex;flex-direction:column;gap:16px}.recipe-create-view .recipe-create-content .recipe-name-input-large{width:100%;background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px 18px;font-size:18px;font-weight:600;color:#fff;outline:none;box-sizing:border-box}.recipe-create-view .recipe-create-content .recipe-name-input-large::placeholder{color:#6b7280;font-weight:400}.recipe-create-view .recipe-create-content .recipe-name-input-large:focus{border-color:#4a9eff}.recipe-create-view .recipe-create-content .recipe-summary-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;animation:slideUp .3s ease-out}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats{display:flex;justify-content:space-between;align-items:center}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.calories{display:flex;flex-direction:column;align-items:center}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.calories .value{font-size:28px;font-weight:700;color:#fff;line-height:1}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.calories .label{font-size:13px;color:#9ca3af;margin-top:4px}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros{display:flex;gap:16px}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro{display:flex;flex-direction:column;align-items:center}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro .val{font-size:16px;font-weight:600;color:#fff}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro .lbl{font-size:11px;color:#9ca3af;text-transform:uppercase;margin-top:2px}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro.p .val{color:#6b9bd1}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro.c .val{color:#4ade80}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-item.macros .macro.f .val{color:#fc9230}.recipe-create-view .recipe-create-content .recipe-summary-card .main-stats .stat-divider{width:1px;height:40px;background-color:#3a4048}.recipe-create-view .recipe-create-content .recipe-foods-list h3{font-size:15px;font-weight:600;color:#9ca3af;margin:0 0 12px}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item .recipe-food-info{display:flex;flex-direction:column;gap:2px}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item .recipe-food-info .recipe-food-name{font-size:14px;font-weight:500;color:#fff}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item .recipe-food-info .recipe-food-amount{font-size:12px;color:#9ca3af}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item .remove-recipe-food-btn{background:none;border:none;color:#9ca3af;font-size:14px;padding:6px;cursor:pointer;display:flex;align-items:center}.recipe-create-view .recipe-create-content .recipe-foods-list .recipe-food-item .remove-recipe-food-btn:active{color:#ef4444}.recipe-create-view .recipe-create-content .recipe-add-actions{display:flex;gap:10px}.recipe-create-view .recipe-create-content .recipe-add-actions .recipe-add-btn{position:relative;overflow:hidden;flex:1;background-color:#1c2128cc;border:1px solid rgba(58,64,72,.5);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipe-create-view .recipe-create-content .recipe-add-actions .recipe-add-btn:active{transform:scale(.97);background-color:#252a33e6}.recipe-create-view .recipe-create-content .recipe-add-actions .recipe-add-btn svg{color:#4a9eff}.recipe-create-view .recipe-create-content .recipe-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:8px}.recipe-create-view .recipe-create-content .recipe-empty-state p{font-size:15px;color:#9ca3af;margin:0}.recipe-create-view .recipe-create-content .recipe-empty-state span{font-size:13px;color:#6b7280}.recipe-create-view .save-recipe-floating-btn{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom, 0px));left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:552px;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #2c7de766;z-index:100}.recipe-create-view .save-recipe-floating-btn:disabled{opacity:.5;cursor:not-allowed}.recipe-create-view .save-recipe-floating-btn:active:not(:disabled){transform:translate(-50%) scale(.98)}.recipe-create-view .save-recipe-floating-btn .spinner{animation:spin 1s linear infinite}.recipe-detail-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding-bottom:calc(140px + var(--safe-area-inset-bottom, 0px))}.recipe-detail-view .recipe-detail-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.recipe-detail-view .recipe-name-input-large{width:100%;background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px 18px;font-size:18px;font-weight:600;color:#fff;outline:none;box-sizing:border-box;margin-bottom:16px}.recipe-detail-view .recipe-name-input-large::placeholder{color:#6b7280;font-weight:400}.recipe-detail-view .recipe-name-input-large:focus{border-color:#4a9eff}.recipe-detail-view .recipe-summary-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;margin-bottom:20px}.recipe-detail-view .recipe-summary-card .main-stats{display:flex;justify-content:space-between;align-items:center}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.calories{display:flex;flex-direction:column;align-items:center}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.calories .value{font-size:28px;font-weight:700;color:#fff;line-height:1}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.calories .label{font-size:13px;color:#9ca3af;margin-top:4px}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros{display:flex;gap:16px}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro{display:flex;flex-direction:column;align-items:center}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro .val{font-size:16px;font-weight:600;color:#fff}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro .lbl{font-size:11px;color:#9ca3af;text-transform:uppercase;margin-top:2px}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro.p .val{color:#6b9bd1}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro.c .val{color:#4ade80}.recipe-detail-view .recipe-summary-card .main-stats .stat-item.macros .macro.f .val{color:#fc9230}.recipe-detail-view .recipe-summary-card .main-stats .stat-divider{width:1px;height:40px;background-color:#3a4048}.recipe-detail-view .recipe-detail-foods h3{font-size:15px;font-weight:600;color:#9ca3af;margin:0 0 12px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item{background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;padding:14px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section{flex:1}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-header .food-name{font-size:15px;font-weight:500;color:#fff}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-header .food-cals{font-size:14px;font-weight:600;color:#fff}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-amount{font-size:13px;color:#9ca3af;margin-bottom:4px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-macros{display:flex;gap:10px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-macros .macro-tag{font-size:12px;color:#9ca3af}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-macros .macro-tag.p{color:#6b9bd1}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-macros .macro-tag.c{color:#4ade80}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .food-info-section .row-macros .macro-tag.f{color:#fc9230}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .remove-recipe-food-btn{background:none;border:none;color:#9ca3af;font-size:14px;padding:8px;cursor:pointer;display:flex;align-items:center;border-radius:8px}.recipe-detail-view .recipe-detail-foods .recipe-detail-food-item .remove-recipe-food-btn:active{color:#ef4444;background-color:#ef44441a}.recipe-detail-view .recipe-add-food-inline-btn{width:100%;background-color:transparent;border:2px dashed #3a4048;color:#9ca3af;border-radius:12px;padding:14px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.recipe-detail-view .recipe-add-food-inline-btn:active{border-color:#4a9eff;color:#4a9eff}.recipe-detail-view .save-recipe-floating-btn{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom, 0px));left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:552px;background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #2c7de766;z-index:100}.recipe-detail-view .save-recipe-floating-btn:disabled{opacity:.5;cursor:not-allowed}.recipe-detail-view .save-recipe-floating-btn:active:not(:disabled){transform:translate(-50%) scale(.98)}.recipe-detail-view .save-recipe-floating-btn .spinner{animation:spin 1s linear infinite}.share-btn-header{background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.share-btn-header:hover{opacity:.8}.header-right-actions{display:flex;align-items:center;gap:2px}.share-options-content{max-width:380px}.share-options-content .share-options-list{margin-bottom:20px}.share-options-content .share-option-item{display:flex;align-items:center;gap:14px;width:100%;background:#0003;border:1px solid #3a4048;border-radius:14px;padding:14px 16px;cursor:pointer;color:#fff;margin-bottom:10px;transition:transform .2s ease,border-color .2s ease}.share-options-content .share-option-item>svg{font-size:20px;color:#4a9eff;flex-shrink:0}.share-options-content .share-option-item div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.share-options-content .share-option-item div strong{font-size:15px;font-weight:600}.share-options-content .share-option-item div span{font-size:13px;color:#9ca3af;margin-top:2px}.share-options-content .share-option-item:active{transform:scale(.97);border-color:#4a9eff}.muscle-detail-view{padding-bottom:100px}.muscle-detail-view .muscle-detail-body{padding:16px}.muscle-detail-view .period-selector{position:relative;overflow:hidden;display:flex;gap:8px;margin-bottom:16px}.muscle-detail-view .period-selector .period-btn{flex:1;padding:8px 0;background-color:#ffffff0a;color:#6b7280;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.muscle-detail-view .period-selector .period-btn:active{transform:scale(.95)}.muscle-detail-view .period-selector .period-btn.active{background-color:#2c7de71f;color:#4a9eff;border-color:#2c7de74d}.muscle-detail-view .body-model-container{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.muscle-detail-view .body-model-container svg{max-height:380px}.muscle-detail-view .muscle-detail-list{display:flex;flex-direction:column;gap:10px}.muscle-detail-view .muscle-detail-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:700;color:#e5e7eb}.muscle-detail-view .muscle-detail-row{display:flex;align-items:center;gap:10px}.muscle-detail-view .muscle-detail-row .muscle-detail-name{font-size:13px;color:#e5e7eb;font-weight:500;min-width:100px}.muscle-detail-view .muscle-detail-row .muscle-detail-bar-container{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.muscle-detail-view .muscle-detail-row .muscle-detail-bar{height:100%;background:#4a9eff;border-radius:4px;transition:width .3s ease}.muscle-detail-view .muscle-detail-row .muscle-detail-sets{font-size:13px;color:#9ca3af;font-weight:600;min-width:70px;text-align:right}.active-workout-view .exercises-list>.exercise-group-container{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.exercise-group-container{position:relative;background:#1c2128;border:1px solid #3a4048;border-radius:12px;margin:16px 0;padding:46px 12px 12px}.exercise-group-container.group-type-superset{border-color:#3b82f659}.exercise-group-container.group-type-triset{border-color:#8b5cf659}.exercise-group-container.group-type-giantset{border-color:#f59e0b59}.exercise-group-container.group-type-circuit{border-color:#22c55e59}.exercise-group-container .group-label{position:absolute;top:10px;left:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:6px;color:#fff}.exercise-group-container .circuit-round-badge{text-align:center;padding:0 0 8px;font-size:13px;font-weight:600}.exercise-group-container.group-type-circuit .circuit-round-badge{color:#22c55e}.exercise-group-container .dissolve-group-btn{position:absolute;top:8px;right:12px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px;color:#6b7280;background:#2a3038;border:1px solid #3a4048;cursor:pointer;display:flex;align-items:center;gap:4px}.exercise-group-container .dissolve-group-btn:active{background:#3a4048;color:#9ca3af}.exercise-group-container .dissolve-group-btn svg{font-size:10px}.exercise-group-container .sets-container{width:100%;margin-left:0;margin-right:0}.exercise-group-container .sets-container .sets-header-row,.exercise-group-container .sets-container .set-row{padding-left:0;padding-right:0}.exercise-group-container .exercise-card{border-bottom:1px solid rgba(58,64,72,.4);margin-bottom:0;padding-bottom:16px}.exercise-group-container .exercise-card .sets-container{width:100%!important;margin-left:0!important;margin-right:0!important}.exercise-group-container .exercise-card .sets-container .set-row{padding:8px 0!important}.exercise-group-container .exercise-card:last-child{border-bottom:none;padding-bottom:0}.exercise-group-container .routine-exercise-card{border-bottom:1px solid rgba(58,64,72,.4);margin-bottom:0}.exercise-group-container .routine-exercise-card:last-child{border-bottom:none}.exercise-group-container .history-exercise{border-bottom:1px solid rgba(58,64,72,.4);margin-bottom:0}.exercise-group-container .history-exercise:last-child{border-bottom:none}.exercise-group-container .routine-exercise-item{border-bottom:1px solid rgba(58,64,72,.4);margin-bottom:0;padding-bottom:12px}.exercise-group-container .routine-exercise-item:last-child{border-bottom:none;padding-bottom:0}.group-exercise-btn,.ungroup-exercise-btn{width:32px;height:32px;border-radius:8px;border:1px solid #3a4048;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:13px;background:#1c2128;transition:background-color .2s ease,border-color .2s ease}.group-exercise-btn:active,.ungroup-exercise-btn:active{background:#252b33;border-color:#4b5563}.group-exercise-btn{color:#4a9eff}.ungroup-exercise-btn{color:#ef4444}.group-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:400px;max-height:80vh;overflow-y:auto;background:#2a3038;border-radius:20px;z-index:1004;animation:modalFadeIn .25s ease-out forwards}.group-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #3a4048}.group-modal .modal-header h2{font-size:16px;font-weight:600;color:#fff;margin:0}.group-modal .modal-header .close-btn{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px}.group-modal .group-modal-body{padding:20px}.group-modal .group-modal-body .group-modal-label{display:block;font-size:13px;font-weight:600;color:#9ca3af;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.group-modal .group-modal-body .group-modal-label:not(:first-child){margin-top:20px}.group-modal .group-modal-body .group-modal-exercises{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.group-modal .group-modal-body .group-modal-exercises .group-modal-exercise-item{display:flex;align-items:center;gap:12px;padding:14px;background:#1c2128;border:1px solid #3a4048;border-radius:10px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.group-modal .group-modal-body .group-modal-exercises .group-modal-exercise-item.selected{background:#2c7de71f;border-color:#2c7de780}.group-modal .group-modal-body .group-modal-exercises .group-modal-exercise-item:active{background:#252b33}.group-modal .group-modal-body .group-modal-exercises .group-modal-exercise-item input[type=checkbox]{accent-color:#2c7de7;width:18px;height:18px;flex-shrink:0}.group-modal .group-modal-body .group-modal-exercises .group-modal-exercise-item span{font-size:14px;font-weight:500;color:#fff}.group-modal .group-modal-body .group-type-options{display:flex;flex-direction:column;gap:10px}.group-modal .group-modal-body .group-type-options .group-type-option{display:flex;align-items:center;gap:12px;padding:14px;background:#1c2128;border:1px solid #3a4048;border-radius:10px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.group-modal .group-modal-body .group-type-options .group-type-option.selected{background:#2c7de71f;border-color:#2c7de780}.group-modal .group-modal-body .group-type-options .group-type-option:active{background:#252b33;border-color:#4b5563}.group-modal .group-modal-body .group-type-options .group-type-option input[type=radio]{accent-color:#2c7de7;width:18px;height:18px;flex-shrink:0}.group-modal .group-modal-body .group-type-options .group-type-option div{display:flex;flex-direction:column;gap:2px}.group-modal .group-modal-body .group-type-options .group-type-option div .group-type-name{font-size:14px;font-weight:600;color:#fff}.group-modal .group-modal-body .group-type-options .group-type-option div .group-type-desc{font-size:12px;color:#6b7280}.group-modal .group-modal-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #3a4048}.group-modal .group-modal-actions .modal-btn{flex:1;padding:16px 20px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.group-modal .group-modal-actions .modal-btn:active{transform:scale(.96)}.group-modal .group-modal-actions .modal-btn.modal-btn-cancel{background:#3a4048;color:#9ca3af}.group-modal .group-modal-actions .modal-btn.modal-btn-cancel:active{background:#4a5058}.group-modal .group-modal-actions .modal-btn.modal-btn-confirm{background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff;box-shadow:0 4px 12px #4a9eff40}.group-modal .group-modal-actions .modal-btn.modal-btn-confirm:active{box-shadow:0 2px 8px #4a9eff33}.group-modal .group-modal-actions .modal-btn.modal-btn-confirm:disabled{opacity:.4;cursor:not-allowed;transform:none}