*{margin:0;padding:0;color:#fff;font-family:Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(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 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)}}body{background-color:#1c2128;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.home,.profile-view,.progress-view,.nutrition-view,.training-view{padding-bottom:80px!important}.animate-view{animation:fadeIn .4s ease-out}.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}.nutrition-actions-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1001;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nutrition-actions{position:fixed;bottom:0;left:0;right:0;background-color:#2a3038;padding:24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #3a4048;border-top-left-radius:20px;border-top-right-radius:20px;z-index:1002;box-shadow:0 -5px 20px #0006;animation:slideUpMenu .3s cubic-bezier(.16,1,.3,1)}.nutrition-actions .actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nutrition-actions .actions-header h3{font-size:18px;font-weight:600;color:#fff}.nutrition-actions .actions-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;padding:4px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.nutrition-actions .actions-header .close-btn:hover{background-color:#3a4048;color:#fff}.nutrition-actions .action-item{background-color:#1c2128;border:1px solid #3a4048;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;font-size:16px;color:#fff;cursor:pointer;transition:background-color .2s}.nutrition-actions .action-item:hover{background-color:#252a33}.nutrition-actions .action-item:active{transform:scale(.99)}.nutrition-actions .action-item svg{color:#2c7de7;flex-shrink:0}.nutrition-actions .action-item span:nth-child(2){flex:1;text-align:left}.nutrition-actions .action-item .pro-badge{background-color:#fbbf24;color:#1c2128;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px}.home{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.home header{display:flex;align-items:center;padding:10px 0}.home header img{height:28px;margin-right:10px}.home header h1{font-size:22px;font-weight:600}.home #greeting{font-size:28px;font-weight:600;margin-top:15px;margin-bottom:10px;animation:slideUp .5s ease-out}.home .box{background-color:#2a3038;border:1px solid #3a4048;padding:16px;border-radius:16px;margin-top:12px;transition:transform .2s,box-shadow .2s}.home .box:active{transform:scale(.99)}.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 #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:all .2s;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}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#2a3038;border-top:1px solid #3a4048;display:flex;justify-content:space-around;padding:5px 0;z-index:1000}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 12px;transition:all .2s}.bottom-nav .nav-item .nav-icon{font-size:20px;fill:#6b7280;transition:fill .2s}.bottom-nav .nav-item .nav-label{font-size:11px;color:#9ca3af;transition:color .2s}.bottom-nav .nav-item.active .nav-icon{fill:#2c7de7;transform:translateY(-2px)}.bottom-nav .nav-item.active .nav-label{color:#2c7de7}.bottom-nav .nav-item:hover:not(.active) .nav-icon{fill:#8b92a0}.training-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.training-view .training-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.training-view .training-header h1{font-size:32px;font-weight:700}.training-view .training-header .add-button{background-color:#2d3540;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.training-view .training-header .add-button svg{color:#2c7de7;font-size:18px}.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 .workout-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;animation:slideUp .3s ease-out}.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-color:#2c7de7;color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.training-view .workout-card .start-workout-button:hover{background-color:#3a8eef}.training-view .workout-card .start-workout-button: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}.active-workout-view .timer-header-large{position:sticky;top:0;background-color:#1c2128;z-index:100;padding:20px 25px;border-bottom:1px solid #3a4048;display:flex;justify-content:space-between;align-items:center}.active-workout-view .timer-header-large .timer-display{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:1px}.active-workout-view .timer-header-large .header-actions{display:flex;align-items:center;gap:10px}.active-workout-view .timer-header-large .settings-btn{background-color:transparent;color:#6b7280;padding:10px;border-radius:10px;font-size:18px;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center}.active-workout-view .timer-header-large .settings-btn:hover{color:#4a9eff;background-color:#3a4048}.active-workout-view .timer-header-large .finish-btn-rounded{background-color:#3a4048;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s}.active-workout-view .timer-header-large .finish-btn-rounded:hover{background-color:#4a5058}.active-workout-view .timer-header-large .finish-btn-rounded:active{transform:scale(.98)}.active-workout-view .workout-settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.active-workout-view .workout-settings-panel{background-color:#2a3038;border-radius:16px;width:calc(100% - 40px);max-width:320px;animation:modalSlideUp .3s ease-out}.active-workout-view .workout-settings-panel .settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #3a4048}.active-workout-view .workout-settings-panel .settings-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.active-workout-view .workout-settings-panel .settings-header .close-btn{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:4px}.active-workout-view .workout-settings-panel .settings-header .close-btn:hover{color:#fff}.active-workout-view .workout-settings-panel .settings-options{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.active-workout-view .workout-settings-panel .setting-option{display:flex;align-items:center;gap:12px;cursor:pointer}.active-workout-view .workout-settings-panel .setting-option .custom-checkbox{width:22px;height:22px;border:2px solid #3a4048;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.active-workout-view .workout-settings-panel .setting-option .custom-checkbox svg{font-size:12px;color:#fff;opacity:0;transition:opacity .2s}.active-workout-view .workout-settings-panel .setting-option .custom-checkbox.checked{background-color:#4a9eff;border-color:#4a9eff}.active-workout-view .workout-settings-panel .setting-option .custom-checkbox.checked svg{opacity:1}.active-workout-view .workout-settings-panel .setting-option span{font-size:15px;color:#fff}.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:#2a3038;border-radius:16px;border:1px solid #3a4048;padding:20px;animation:slideUp .3s ease-out;transition:opacity .3s}.active-workout-view .workout-content .exercise-card.next-exercise{opacity:.7}.active-workout-view .workout-content .exercise-card.next-exercise:hover{opacity:1}.active-workout-view .workout-content .exercise-card .exercise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.active-workout-view .workout-content .exercise-card .exercise-header .title-group{display:flex;flex-direction:column;gap:4px}.active-workout-view .workout-content .exercise-card .exercise-header .title-group h3{font-size:18px;font-weight:600;color:#fff}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .subtitle{font-size:13px;color:#9ca3af}.active-workout-view .workout-content .exercise-card .exercise-header .title-group .target-info{font-size:12px;color:#4a9eff;background-color:#4a9eff1a;padding:4px 8px;border-radius:6px;margin-top:4px;display:inline-block;width:fit-content}.active-workout-view .workout-content .exercise-card .exercise-header .exercise-actions{display:flex;align-items:center;gap:8px}.active-workout-view .workout-content .exercise-card .exercise-header .exercise-actions .delete-exercise-btn{background:none;border:none;color:#6b7280;font-size:14px;padding:8px;cursor:pointer;transition:all .2s;border-radius:8px}.active-workout-view .workout-content .exercise-card .exercise-header .exercise-actions .delete-exercise-btn:hover{color:#ef4444;background-color:#ef44441a}.active-workout-view .workout-content .exercise-card .sets-container{display:flex;flex-direction:column;gap:8px}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row{display:grid;grid-template-columns:50px 1fr 40px 40px 40px;gap:10px;padding-bottom:8px;border-bottom:1px solid #3a4048;margin-bottom:4px}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row span{font-size:11px;color:#9ca3af;font-weight:700;text-align:center}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row .col-set,.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row .col-perf{text-align:left}.active-workout-view .workout-content .exercise-card .sets-container .sets-header-row .col-check{width:30px}.active-workout-view .workout-content .exercise-card .sets-container .set-row{display:grid;grid-template-columns:50px 1fr 40px 40px 40px;gap:10px;align-items:center;padding:8px 0;border-radius:8px;transition:background-color .2s,opacity .2s}.active-workout-view .workout-content .exercise-card .sets-container .set-row:last-child{border-bottom:none}.active-workout-view .workout-content .exercise-card .sets-container .set-row{cursor:pointer}.active-workout-view .workout-content .exercise-card .sets-container .set-row:not(.current-input-mode):hover{background-color:#ffffff08}.active-workout-view .workout-content .exercise-card .sets-container .set-row .set-col-label,.active-workout-view .workout-content .exercise-card .sets-container .set-row .set-col-data{color:#fff;font-size:14px}.active-workout-view .workout-content .exercise-card .sets-container .set-row .set-col-check{display:flex;justify-content:center}.active-workout-view .workout-content .exercise-card .sets-container .set-row .set-col-check .check-btn-mini{background:none;border:none;color:#4ade80;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:transform .2s}.active-workout-view .workout-content .exercise-card .sets-container .set-row .set-col-check .check-btn-mini:hover{transform:scale(1.1)}.active-workout-view .workout-content .exercise-card .sets-container .set-row.completed .set-col-check .check-btn-mini{color:#4ade80}.active-workout-view .workout-content .exercise-card .sets-container .set-row.completed .set-col-data:nth-child(2){font-weight:500}.active-workout-view .workout-content .exercise-card .sets-container .set-row:not(.completed):not(.current-input-mode) .set-col-label,.active-workout-view .workout-content .exercise-card .sets-container .set-row:not(.completed):not(.current-input-mode) .set-col-data{color:#9ca3af}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode{display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px;margin:4px -12px;border-radius:8px;background-color:#2c7de70d;border:1px solid rgba(44,125,231,.2);cursor:default}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-label{width:100%;font-size:13px;color:#9ca3af;font-weight:600;margin-bottom:8px}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group{display:flex;gap:8px;flex:1}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group .input-pair{display:flex;flex-direction:column;align-items:center;gap:2px}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group .input-pair input{background-color:#1c2128;border:1px solid #3a4048;color:#fff;border-radius:8px;padding:8px 4px;font-size:16px;text-align:center;width:100%;min-width:50px;outline:none;font-weight:600;transition:border-color .2s}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group .input-pair input:focus{border-color:#2c7de7}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group .input-pair.small input{min-width:40px}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-input-group .input-pair .unit{font-size:10px;color:#6b7280;text-transform:uppercase;margin-top:2px}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:8px}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .confirm-set-btn{background-color:#2c7de7;color:#fff;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #2c7de74d;transition:all .2s}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .confirm-set-btn:active{transform:scale(.95)}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .confirm-set-btn.is-done{background-color:#4ade80;box-shadow:0 4px 12px #4ade804d}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .delete-set-btn{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .delete-set-btn:hover{background-color:#ef444433}.active-workout-view .workout-content .exercise-card .sets-container .set-row.current-input-mode .set-col-action-group .delete-set-btn:active{transform:scale(.95)}.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:#2a3038;color:#2c7de7;border:1px solid #3a4048;border-radius:12px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.active-workout-view .workout-content .exercise-card .active-exercise-actions .add-set-btn-wide:hover{background-color:#363e4a}.active-workout-view .workout-content .exercise-card .active-exercise-actions .add-set-btn-wide:active{transform:scale(.98)}.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:all .2s}.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)}.meal-detail-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.meal-detail-view .detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.meal-detail-view .detail-header h1{font-size:24px;font-weight:700}.meal-detail-view .detail-header .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.meal-detail-view .detail-header .back-button:hover{opacity:.8}.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:16px;border-radius:12px;display:flex;flex-direction:column;gap:6px;animation:slideUp .3s ease-out}.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:4px}.meal-detail-view .foods-list-detail .food-detail-row .row-header .food-name-section .food-name{font-size:16px;font-weight:600;color:#fff}.meal-detail-view .foods-list-detail .food-detail-row .row-header .food-name-section .food-brand{font-size:13px;color:#9ca3af}.meal-detail-view .foods-list-detail .food-detail-row .row-header .food-cals{font-size:15px;font-weight:700;color:#fff}.meal-detail-view .foods-list-detail .food-detail-row .row-amount{font-size:13px;color:#9ca3af}.meal-detail-view .foods-list-detail .food-detail-row .row-macros{display:flex;gap:10px;margin-top:4px}.meal-detail-view .foods-list-detail .food-detail-row .row-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .edit-food-btn{flex:1;background-color:#2c7de71a;color:#2c7de7;border:1px solid rgba(44,125,231,.2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .edit-food-btn:hover{background-color:#2c7de733}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .edit-food-btn:active{transform:scale(.98)}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .delete-food-btn{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .delete-food-btn:hover{background-color:#ef444433}.meal-detail-view .foods-list-detail .food-detail-row .row-actions .delete-food-btn:active{transform:scale(.98)}.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:all .2s}.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)}.food-detail-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.food-detail-view .detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.food-detail-view .detail-header h1{font-size:24px;font-weight:700}.food-detail-view .detail-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-detail-view .detail-header .back-button:hover{opacity:.8}.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:all .2s;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:10px 0}.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:all .2s}.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:all .2s}.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:all .2s}.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:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.nutrition-view .nutrition-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.nutrition-view .nutrition-header h1{font-size:32px;font-weight:700}.nutrition-view .nutrition-header .history-button{background-color:#2d3540;border:none;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s;color:#fff;font-size:14px}.nutrition-view .nutrition-header .history-button svg{color:#9ca3af}.nutrition-view .nutrition-header .history-button:hover{background-color:#363e4a}.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}.nutrition-view .meals-list .meal-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;animation:slideUp .3s ease-out;transition:all .2s}.nutrition-view .meals-list .meal-card.clickable{cursor:pointer}.nutrition-view .meals-list .meal-card.clickable:hover{border-color:#4a5058;transform:translateY(-2px)}.nutrition-view .meals-list .meal-card.clickable:active{background-color:#2f353d}.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:all .2s;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:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.progress-view .progress-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.progress-view .progress-header h1{font-size:32px;font-weight:700}.progress-view .progress-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;margin-bottom:16px;animation:slideUp .3s ease-out}.progress-view .progress-card .card-header{display:flex;align-items:center;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 .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{display:flex;margin-bottom:16px;padding:3px;background-color:#1c2128;border-radius:10px}.progress-view .progress-card .period-selector .period-btn{flex:1;padding:10px 0;background-color:transparent;color:#6b7280;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease,background-color .2s ease;position:relative;z-index:1}.progress-view .progress-card .period-selector .period-btn:hover:not(.active){color:#9ca3af}.progress-view .progress-card .period-selector .period-btn.active{color:#fff;background-color:#3a4048;box-shadow:0 1px 3px #0000004d}.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-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:all .2s}.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{display:flex;align-items:center;gap:16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:16px 20px;margin-bottom:16px;animation:slideUp .3s ease-out;transition:all .3s ease}.progress-view .streak-card.active{border-color:#f97316;background:linear-gradient(135deg,#2a3038,#3d2a1a)}.progress-view .streak-card.active .streak-icon .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.inactive{opacity:.7}.progress-view .streak-card.inactive .streak-icon .flame-inactive{color:#4a5058}.progress-view .streak-card .streak-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:#1c2128;flex-shrink:0}.progress-view .streak-card .streak-icon svg{font-size:28px;transition:all .3s ease}.progress-view .streak-card .streak-content{display:flex;flex-direction:column;flex:1}.progress-view .streak-card .streak-content .streak-label{font-size:14px;color:#9ca3af;margin-bottom:2px}.progress-view .streak-card .streak-content .streak-value{font-size:20px;font-weight:700;color:#fff}.progress-view .streak-card .streak-status .status-active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px}.progress-view .streak-card .streak-status .status-inactive{background-color:#3a4048;color:#9ca3af;font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px}@keyframes flicker{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.profile-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.profile-view .profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.profile-view .profile-header h1{font-size:32px;font-weight:700}.profile-view .profile-card{background-color:#2a3038;border:1px solid #3a4048;border-radius:16px;padding:20px;margin-bottom:16px;animation:slideUp .3s ease-out}.profile-view .profile-card .card-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.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{background:none;border:none;color:#618bc5;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s;background-color:#2b4054;padding:3px 5px;border-radius:5px}.profile-view .profile-card .card-header-with-button .edit-button:hover{background-color:#344c61}.profile-view .profile-card .card-header-with-button .edit-button p{color:#618bc5}.profile-view .profile-card .card-header-with-button .edit-button svg path{stroke:#618bc5}.profile-view .profile-card .data-rows{display:flex;flex-direction:column;gap:5px}.profile-view .profile-card .data-rows .data-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3a4048}.profile-view .profile-card .data-rows .data-row:last-child{border-bottom:none;padding-bottom:0}.profile-view .profile-card .data-rows .data-row .data-label{font-size:15px;color:#9ca3af}.profile-view .profile-card .data-rows .data-row .data-value{font-size:16px;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:#4a9eff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.profile-view .profile-card .no-profile .setup-profile-btn:hover{background-color:#3a8eef}.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:#9ca3af;margin:0 0 16px}.profile-view .profile-card.macros-card .macros-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-view .profile-card.macros-card .macros-grid .macro-box{background-color:#1c2128;border-radius:12px;padding:16px;text-align:center;border:1px solid #3a4048}.profile-view .profile-card.macros-card .macros-grid .macro-box .macro-value{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.profile-view .profile-card.macros-card .macros-grid .macro-box .macro-label{display:block;font-size:13px;color:#9ca3af}.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 .macro-value{color:#ef4444}.profile-view .profile-card.macros-card .macros-grid .macro-box.carbs .macro-value{color:#f59e0b}.profile-view .profile-card.macros-card .macros-grid .macro-box.fats .macro-value{color:#10b981}.profile-view .profile-edit-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-view .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-view .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-view .profile-edit-modal .modal-header h3{margin:0;font-size:20px;font-weight:600}.profile-view .profile-edit-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px}.profile-view .profile-edit-modal .modal-header .close-btn:hover{color:#fff}.profile-view .profile-edit-modal .profile-form{padding:20px}.profile-view .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-view .profile-edit-modal .profile-form .weight-warning svg{flex-shrink:0;color:#ef4444;margin-top:2px}.profile-view .profile-edit-modal .profile-form .weight-warning div p{margin:0;font-size:14px;color:#ef4444}.profile-view .profile-edit-modal .profile-form .weight-warning div p:first-child{margin-bottom:4px}.profile-view .profile-edit-modal .profile-form .weight-warning div p:last-child{color:#f87171;font-size:13px}.profile-view .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-view .profile-edit-modal .profile-form .current-weight-display .label{font-size:14px;color:#9ca3af}.profile-view .profile-edit-modal .profile-form .current-weight-display .value{font-size:18px;font-weight:600;color:#4a9eff}.profile-view .profile-edit-modal .profile-form .form-group{margin-bottom:20px}.profile-view .profile-edit-modal .profile-form .form-group label{display:block;font-size:14px;font-weight:500;color:#9ca3af;margin-bottom:8px}.profile-view .profile-edit-modal .profile-form .form-group input[type=number],.profile-view .profile-edit-modal .profile-form .form-group input[type=text],.profile-view .profile-edit-modal .profile-form .form-group input[type=email],.profile-view .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-view .profile-edit-modal .profile-form .form-group input[type=number]:focus,.profile-view .profile-edit-modal .profile-form .form-group input[type=text]:focus,.profile-view .profile-edit-modal .profile-form .form-group input[type=email]:focus,.profile-view .profile-edit-modal .profile-form .form-group select:focus{outline:none;border-color:#4a9eff}.profile-view .profile-edit-modal .profile-form .form-group input[type=number]::placeholder,.profile-view .profile-edit-modal .profile-form .form-group input[type=text]::placeholder,.profile-view .profile-edit-modal .profile-form .form-group input[type=email]::placeholder,.profile-view .profile-edit-modal .profile-form .form-group select::placeholder{color:#6b7280}.profile-view .profile-edit-modal .profile-form .form-group input[type=number].disabled-input,.profile-view .profile-edit-modal .profile-form .form-group input[type=text].disabled-input,.profile-view .profile-edit-modal .profile-form .form-group input[type=email].disabled-input,.profile-view .profile-edit-modal .profile-form .form-group select.disabled-input{opacity:.5;cursor:not-allowed}.profile-view .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-view .profile-edit-modal .profile-form .form-group .radio-group{display:flex;gap:12px}.profile-view .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:all .2s}.profile-view .profile-edit-modal .profile-form .form-group .radio-group .radio-option input[type=radio]{display:none}.profile-view .profile-edit-modal .profile-form .form-group .radio-group .radio-option span{font-size:14px;color:#9ca3af}.profile-view .profile-edit-modal .profile-form .form-group .radio-group .radio-option.selected{border-color:#4a9eff;background-color:#4a9eff1a}.profile-view .profile-edit-modal .profile-form .form-group .radio-group .radio-option.selected span{color:#4a9eff}.profile-view .profile-edit-modal .profile-form .form-group .radio-group .radio-option:hover:not(.selected){border-color:#5a6270}.profile-view .profile-edit-modal .profile-form .macros-preview{background-color:#2a3038;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #3a4048}.profile-view .profile-edit-modal .profile-form .macros-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#9ca3af}.profile-view .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-view .profile-edit-modal .profile-form .macros-preview .preview-row span:first-child{color:#9ca3af}.profile-view .profile-edit-modal .profile-form .macros-preview .preview-row span:last-child{color:#fff;font-weight:600}.profile-view .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-view .profile-edit-modal .profile-form .save-profile-btn:hover:not(:disabled){background-color:#3a8eef}.profile-view .profile-edit-modal .profile-form .save-profile-btn:disabled{background-color:#3a4048;cursor:not-allowed;color:#6b7280}@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:all .2s;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 .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:all .2s}.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 .delete-modal .delete-confirm-content{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-view .delete-modal .delete-confirm-content .warning-icon{margin-bottom:16px}.profile-view .delete-modal .delete-confirm-content .warning-text{font-size:14px;color:#9ca3af;margin-bottom:20px;line-height:1.5}.profile-view .delete-modal .delete-confirm-content .warning-text strong{color:#ef4444}.profile-view .delete-modal .delete-confirm-content .confirm-instruction{font-size:14px;color:#9ca3af;margin-bottom:12px}.profile-view .delete-modal .delete-confirm-content .confirm-instruction strong{color:#fff}.profile-view .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-view .delete-modal .delete-confirm-content .delete-confirm-input:focus{outline:none;border-color:#ef4444}.profile-view .delete-modal .delete-confirm-content .delete-confirm-input::placeholder{color:#6b7280}.profile-view .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:all .2s}.profile-view .delete-modal .delete-confirm-content .delete-confirm-btn:hover:not(:disabled){background-color:#dc2626}.profile-view .delete-modal .delete-confirm-content .delete-confirm-btn:disabled{background-color:#3a4048;color:#6b7280;cursor:not-allowed}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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}.weight-tracker-view{display:flex;flex-direction:column;width:calc(100% - 50px);max-width:600px;margin:0 auto;padding:10px 0}.weight-tracker-view .tracker-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.weight-tracker-view .tracker-header h1{font-size:24px;font-weight:700}.weight-tracker-view .tracker-header .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.weight-tracker-view .tracker-header .back-button:hover{opacity:.8}.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:all .2s}.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:all .2s}.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:10px 0}.ai-photo-capture-view .capture-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.ai-photo-capture-view .capture-header h1{font-size:24px;font-weight:700}.ai-photo-capture-view .capture-header .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.ai-photo-capture-view .capture-header .back-button:hover{opacity:.8}.ai-photo-capture-view .capture-content{display:flex;flex-direction:column;gap:20px}.ai-photo-capture-view .image-preview-container .image-preview{position:relative;border-radius:16px;overflow:hidden;background-color:#2a3038;border:1px solid #3a4048}.ai-photo-capture-view .image-preview-container .image-preview img{width:100%;height:250px;object-fit:cover}.ai-photo-capture-view .image-preview-container .image-preview .change-image-btn{position:absolute;bottom:12px;right:12px;background-color:#000000b3;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.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:16px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s}.ai-photo-capture-view .image-preview-container .image-placeholder svg{font-size:40px;color:#6b7280}.ai-photo-capture-view .image-preview-container .image-placeholder p{color:#6b7280;font-size:15px}.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:16px;padding:20px;animation:slideUp .3s ease-out}.ai-photo-capture-view .description-card .help-text{display:flex;gap:12px;margin-bottom:16px}.ai-photo-capture-view .description-card .help-text .magic-icon{font-size:24px;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 .examples{margin-top:16px;padding-top:16px;border-top:1px solid #3a4048}.ai-photo-capture-view .description-card .examples .examples-label{font-size:13px;color:#9ca3af;margin:0 0 8px}.ai-photo-capture-view .description-card .examples ul{margin:0;padding-left:20px}.ai-photo-capture-view .description-card .examples ul li{font-size:13px;color:#6b7280;margin-bottom:6px;line-height:1.4}.ai-photo-capture-view .analysis-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px}.ai-photo-capture-view .analysis-error p{color:#ef4444;font-size:14px;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:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;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:10px 0}.ai-result-view .result-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.ai-result-view .result-header h1{font-size:24px;font-weight:700}.ai-result-view .result-header .back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px}.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}.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:all .2s}.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:all .2s}.ai-result-view .action-buttons .retry-button:hover{border-color:#4a5058;color:#fff}.meal-settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.meal-settings-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}.meal-settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meal-settings-modal .modal-header h3{font-size:20px;font-weight:700;color:#fff;margin:0}.meal-settings-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:5px}.meal-settings-modal .modal-header .close-btn:hover{color:#fff}.meal-settings-modal .modal-subtitle{font-size:14px;color:#9ca3af;margin:0 0 20px}.meal-settings-modal .meal-options-list{display:flex;flex-direction:column;gap:8px}.meal-settings-modal .meal-option-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#2a3038;border:1px solid #3a4048;border-radius:12px;cursor:pointer;transition:all .2s}.meal-settings-modal .meal-option-item:hover:not(.required){border-color:#4a5058}.meal-settings-modal .meal-option-item.active{border-color:#2c7de7;background-color:#2c7de71a}.meal-settings-modal .meal-option-item.required{cursor:default;opacity:.7}.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:#2c7de7}.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:10px;align-items:center}.nutrition-header .settings-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.nutrition-header .settings-button:hover{color:#fff;background-color:#ffffff1a}.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:all .2s}.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:all .2s}.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-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.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:all .2s}.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:all .2s}.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:8px;padding:8px;margin:0 auto 16px;background-color:#2a3038;width:fit-content;border-radius:16px}.date-selector .date-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease;font-size:12px}.date-selector .date-nav-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.date-selector .date-nav-btn:active:not(:disabled){transform:scale(.92)}.date-selector .date-nav-btn:disabled,.date-selector .date-nav-btn.disabled{opacity:.3;cursor:not-allowed}.date-selector .date-display{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 20px;border-radius:20px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(139,92,246,.25);transition:all .25s ease;min-width:120px}.date-selector .date-display:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#8b5cf666;transform:translateY(-1px)}.date-selector .date-display:active{transform:translateY(0)}.date-selector .date-display .date-text{font-size:14px;font-weight:600;color:#fff;text-transform:capitalize;letter-spacing:.3px}.date-selector .date-display .go-today-small{padding:4px 10px;background-color:#2c7de733;border:1px solid rgba(44,125,231,.3);border-radius:6px;color:#4a9eff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.date-selector .date-display .go-today-small:hover{background-color:#2c7de74d}.nutrition-history-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.nutrition-history-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}.nutrition-history-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nutrition-history-modal .modal-header h3{font-size:20px;font-weight:700;color:#fff;margin:0}.nutrition-history-modal .modal-header .close-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:5px}.nutrition-history-modal .modal-header .close-btn:hover{color:#fff}.nutrition-history-modal .calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nutrition-history-modal .calendar-nav button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#2a3038;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.nutrition-history-modal .calendar-nav button:hover{background-color:#3a4048}.nutrition-history-modal .calendar-nav .month-label{font-size:16px;font-weight:600;color:#fff;text-transform:capitalize}.nutrition-history-modal .calendar-grid{background-color:#2a3038;border-radius:12px;padding:12px;margin-bottom:16px}.nutrition-history-modal .calendar-grid .weekday-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.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);gap:4px}.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:8px;cursor:pointer;transition:all .2s;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):hover{background-color:#ffffff1a}.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{background-color:#2c7de7}.nutrition-history-modal .calendar-grid .days-grid .day-cell.selected .day-number{color:#fff;font-weight:700}.nutrition-history-modal .calendar-grid .days-grid .day-cell.selected .data-dot{background-color:#fff}.nutrition-history-modal .calendar-grid .days-grid .day-cell.has-data:not(.selected){background-color:#4ade801a}.nutrition-history-modal .calendar-grid .days-grid .day-cell.disabled{cursor:not-allowed;opacity:.3}.nutrition-history-modal .calendar-grid .days-grid .day-cell.disabled:hover{background-color:transparent}.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;background-color:#2a3038;border-radius:8px;margin-bottom: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 .go-to-today-btn{width:100%;padding:12px;background:linear-gradient(135deg,#2c7de7,#1e5bb8);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.nutrition-history-modal .go-to-today-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2c7de766}.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;background:linear-gradient(180deg,#1c2128,#0f1318);display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{width:100%;max-width:380px}.auth-logo{text-align:center;margin-bottom:40px}.auth-logo img{width:80px;height:80px;margin-bottom:16px}.auth-logo h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.auth-logo p{font-size:14px;color:#9ca3af;margin:0}.auth-form{background-color:#2a3038;border-radius:16px;padding:24px;margin-bottom:20px}.auth-form h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 20px;text-align:center}.auth-form .auth-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px;color:#ef4444;font-size:14px;text-align:center}.auth-form .form-group{margin-bottom:16px}.auth-form .form-group label{display:block;font-size:14px;font-weight:500;color:#9ca3af;margin-bottom:8px}.auth-form .form-group input{width:100%;padding:14px 16px;background-color:#1c2128;border:1px solid #3a4048;border-radius:10px;color:#fff;font-size:16px;transition:border-color .2s}.auth-form .form-group input::placeholder{color:#6b7280}.auth-form .form-group input:focus{outline:none;border-color:#4a9eff}.auth-form .auth-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#2c7de7,#1e5bb8);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:24px}.auth-form .auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #2c7de766}.auth-form .auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-form .auth-submit-btn .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.auth-switch{text-align:center}.auth-switch p{color:#9ca3af;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}.auth-switch button:hover{text-decoration:underline}.verification-card{background-color:#2a3038;border-radius:16px;padding:32px 24px;text-align:center}.verification-card .verification-email{font-size:15px;font-weight:500;color:#fff;margin:0 0 8px}.verification-card .verification-instruction{font-size:14px;color:#6b7280;margin:0 0 28px;line-height:1.5}.verification-card .auth-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:20px;color:#ef4444;font-size:14px}.verification-card .verification-code-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.verification-card .verification-code-inputs input{width:44px;height:52px;background-color:#1c2128;border:1px solid #3a4048;border-radius:8px;color:#fff;font-size:22px;font-weight:500;text-align:center;transition:border-color .2s,background-color .2s}.verification-card .verification-code-inputs input:focus{outline:none;border-color:#4a9eff;background-color:#232930}.verification-card .verification-code-inputs input:disabled{opacity:.5}.verification-card .verification-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-size:14px;margin-bottom:20px}.verification-card .verification-loading .loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}.verification-card .verification-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:8px}.verification-card .verification-footer .separator{color:#4b5563;font-size:10px}.verification-card .verification-footer .resend-link,.verification-card .verification-footer .cancel-link{background:none;border:none;font-size:13px;cursor:pointer;padding:4px;transition:color .2s}.verification-card .verification-footer .resend-link{color:#4a9eff}.verification-card .verification-footer .resend-link:hover:not(:disabled){color:#6db3ff}.verification-card .verification-footer .resend-link:disabled{color:#6b7280;cursor:not-allowed}.verification-card .verification-footer .cancel-link{color:#9ca3af}.verification-card .verification-footer .cancel-link:hover{color:#fff}.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:all .2s}.home header .logout-btn:hover{color:#ef4444;background-color:#ef44441a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#2a3038;border-radius:16px;padding:24px;max-width:340px;width:100%;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid #3a4048;box-shadow:0 20px 40px #0006}.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:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-btn.modal-btn-cancel{background-color:#3a4048;color:#9ca3af}.modal-btn.modal-btn-cancel:hover{background-color:#4a5058;color:#fff}.modal-btn.modal-btn-cancel:active{transform:scale(.98)}.modal-btn.modal-btn-confirm{background:linear-gradient(135deg,#4a9eff,#2c7de7);color:#fff}.modal-btn.modal-btn-confirm:hover{background:linear-gradient(135deg,#5aa8ff,#3c8df7);box-shadow:0 4px 12px #4a9eff4d}.modal-btn.modal-btn-confirm:active{transform:scale(.98)}.history-button-container{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:all .2s}.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}.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:all .2s;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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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 p{color:#9ca3af;font-size:16px;text-align:center}.empty-state .empty-subtitle{font-size:14px;color:#6b7280}.empty-state .create-first-btn{margin-top:12px;display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#2c7de7;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.empty-state .create-first-btn:hover{background-color:#3a8eef}.edit-routine-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding:10px 0;min-height:100vh}.edit-routine-view .detail-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 0}.edit-routine-view .detail-header .back-button{justify-self:start;background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex}.edit-routine-view .detail-header h1{font-size:20px;font-weight:600;color:#fff;text-align:center}.edit-routine-view .detail-header .save-header-btn{justify-self:end;background:none;border:none;color:#4a9eff;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px}.edit-routine-view .detail-header .save-header-btn:active{opacity:.7}.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;justify-content:space-between;align-items:center;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}.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 .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:all .2s}.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 .category-tabs{display:flex;gap:8px;padding:12px 50px 12px 20px;flex-shrink:0;overflow-x:auto;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.exercise-selector-modal .category-tabs::-webkit-scrollbar{display:none}.exercise-selector-modal .category-tabs button{flex-shrink:0;padding:10px 20px;background-color:#252b33;border:none;border-radius:10px;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.exercise-selector-modal .category-tabs button:hover:not(.active){background-color:#2d343d;color:#fff}.exercise-selector-modal .category-tabs button.active{background-color:#2c7de7;color:#fff}.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:all .2s}.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}.routine-detail-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding:10px 0;min-height:100vh}.routine-detail-view .detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.routine-detail-view .detail-header .back-button{background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex}.routine-detail-view .detail-header h1{font-size:20px;font-weight:600;color:#fff}.routine-detail-view .detail-header .menu-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;display:flex}.routine-detail-view .detail-header .menu-button:hover{color:#fff}.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 .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:all .2s;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 .delete-routine-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background-color:transparent;border:1px solid #ef4444;border-radius:12px;color:#ef4444;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.routine-detail-view .delete-routine-btn:hover{background-color:#ef44441a}.workout-history-view{display:flex;flex-direction:column;width:calc(100% - 40px);max-width:600px;margin:0 auto;padding:10px 0;min-height:100vh}.workout-history-view .detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.workout-history-view .detail-header .back-button{background:none;border:none;color:#4a9eff;font-size:20px;cursor:pointer;padding:8px;display:flex}.workout-history-view .detail-header h1{font-size:20px;font-weight:600;color:#fff}.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:all .2s}.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-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 .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:all .2s}.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:all .2s}.workout-history-view .history-workout-card .delete-workout-btn:hover{color:#ef4444;opacity:1}.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:28px 24px;text-align:center}.finish-workout-modal .modal-content-finish .finish-icon{width:56px;height:56px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.finish-workout-modal .modal-content-finish .finish-icon svg{font-size:24px;color:#fff}.finish-workout-modal .modal-content-finish h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:4px}.finish-workout-modal .modal-content-finish .finish-timer{font-size:36px;font-weight:700;color:#4a9eff;font-variant-numeric:tabular-nums;margin-bottom:20px}.finish-workout-modal .modal-content-finish .finish-stats{display:flex;justify-content:center;gap:32px;margin-bottom:20px;padding:16px;background-color:#1c2128;border-radius:12px}.finish-workout-modal .modal-content-finish .finish-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.finish-workout-modal .modal-content-finish .finish-stats .stat .stat-value{font-size:22px;font-weight:700;color:#fff}.finish-workout-modal .modal-content-finish .finish-stats .stat .stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.finish-workout-modal .modal-content-finish .notes-section{text-align:left;margin-bottom:20px}.finish-workout-modal .modal-content-finish .notes-section label{display:block;font-size:13px;font-weight:500;color:#9ca3af;margin-bottom:8px}.finish-workout-modal .modal-content-finish .notes-section textarea{width:100%;padding:12px 14px;background-color:#1c2128;border:1px solid #3a4048;border-radius:10px;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:#4a9eff}.finish-workout-modal .modal-content-finish .finish-actions{display:flex;flex-direction:column;gap:10px}.finish-workout-modal .modal-content-finish .finish-actions .save-workout-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background-color:#3b82f6;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.finish-workout-modal .modal-content-finish .finish-actions .save-workout-btn:hover{background-color:#2563eb}.finish-workout-modal .modal-content-finish .finish-actions .save-workout-btn:active{transform:scale(.98)}.finish-workout-modal .modal-content-finish .finish-actions .discard-workout-btn{padding:12px;background:none;border:none;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.finish-workout-modal .modal-content-finish .finish-actions .discard-workout-btn:hover{color:#dc2626}.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:none;border:1px solid #3a4048;border-radius:10px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:4px}.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{border-color:#4a9eff;color:#4a9eff}@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}.onboarding-container{width:100%;max-width:420px;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.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:all .2s}.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-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:all .2s}.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{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.goal-options .goal-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background-color:#2a3038;border:2px solid #3a4048;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.goal-options .goal-option .goal-icon{font-size:24px}.goal-options .goal-option .goal-text{display:flex;flex-direction:column}.goal-options .goal-option .goal-text .goal-label{font-size:15px;font-weight:600;color:#fff}.goal-options .goal-option .goal-text .goal-description{font-size:13px;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:10px}.activity-options .activity-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background-color:#2a3038;border:2px solid #3a4048;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.activity-options .activity-option .activity-icon{font-size:24px}.activity-options .activity-option .activity-text{display:flex;flex-direction:column}.activity-options .activity-option .activity-text .activity-label{font-size:15px;font-weight:600;color:#fff}.activity-options .activity-option .activity-text .activity-description{font-size:13px;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)}.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:all .2s;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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.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}