.form-field{margin-bottom:1.5rem}.form-field__label{display:block;font-size:.9rem;font-weight:500;color:var(--text-color, #333);margin-bottom:.5rem}.form-field__required{color:#e74c3c;margin-left:.25rem}.form-field__input-wrapper{position:relative;display:flex;align-items:center}.form-field__input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border-color, #ddd);border-radius:8px;background-color:var(--bg-color, #fff);color:var(--text-color, #333);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field__input:focus{outline:none;border-color:#3390ec;box-shadow:0 0 0 3px #3390ec1a}.form-field__input--error{border-color:#e74c3c}.form-field__input--error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-field__input--select{-webkit-appearance:none;-moz-appearance:none;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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-field__unit{position:absolute;right:.75rem;font-size:.9rem;color:var(--text-secondary-color, #666);pointer-events:none}.form-field__input--select+.form-field__unit{right:2.5rem}.form-field__error{display:block;margin-top:.5rem;font-size:.85rem;color:#e74c3c}.gender-toggle{margin-bottom:1.5rem}.gender-toggle__label{display:block;font-size:.9rem;font-weight:500;color:var(--text-color, #333);margin-bottom:.5rem}.gender-toggle__required{color:#e74c3c;margin-left:.25rem}.gender-toggle__buttons{display:flex;gap:.5rem}.gender-toggle__button{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:var(--text-color, #333);background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;transition:all .2s}.gender-toggle__button:hover{border-color:#3390ec;background-color:#3390ec0d}.gender-toggle__button--active{background-color:#3390ec;color:#fff;border-color:#3390ec}.gender-toggle__button--active:hover{background-color:#2a7fd4;border-color:#2a7fd4}.gender-toggle__button--error{border-color:#e74c3c}.gender-toggle__button--error:focus{outline:none;box-shadow:0 0 0 3px #e74c3c1a}.gender-toggle__button:focus{outline:none;box-shadow:0 0 0 3px #3390ec1a}.gender-toggle__error{display:block;margin-top:.5rem;font-size:.85rem;color:#e74c3c}.user-form{max-width:500px;margin:0 auto;padding:2rem 1rem}.user-form__title{font-size:1.5rem;font-weight:600;color:var(--text-color, #333);margin-bottom:2rem;text-align:center}.user-form__fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.user-form__column{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 600px){.user-form__fields-grid{gap:.75rem}.user-form__column{gap:1rem}}.user-form__submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:#3390ec;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:1rem}.user-form__submit:hover{background-color:#2a7fd4}.user-form__submit:active{transform:scale(.98)}.user-form__submit:focus{outline:none;box-shadow:0 0 0 3px #3390ec4d}.user-form__submit:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.user-form__error{margin:0 0 1rem;padding:.75rem;border-radius:6px;background-color:#e74c3c1a;color:#e74c3c;font-size:.9rem;text-align:center}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:var(--bg-color, #fff);border-top:1px solid var(--border-color, #ddd);padding:.5rem 0;z-index:100;box-shadow:0 -2px 8px #0000000d}.tab-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:none;border:none;cursor:pointer;color:var(--text-secondary-color, #666);transition:color .2s;min-width:60px}.tab-bar__item:hover,.tab-bar__item--active{color:var(--primary-color, #3390ec)}.tab-bar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tab-bar__label{font-size:.75rem;font-weight:500;white-space:nowrap}@media (max-width: 400px){.tab-bar__item{padding:.5rem;min-width:50px}.tab-bar__label{font-size:.7rem}}.day-food-list{margin-top:.5rem;padding-top:.5rem}.day-food-list__content{margin-top:.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.day-food-list__foods{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.day-food-list__food-item{padding:.5rem 0;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid var(--border-color, #ddd)}.day-food-list__food-item:last-child{border-bottom:none}.day-food-list__food-title{font-weight:500;color:var(--text-color, #333);font-size:.9rem}.day-food-list__food-macros{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem}.day-food-list__food-calories{font-weight:600;color:var(--primary-color, #3390ec);white-space:nowrap}.day-food-list__food-bzhu{color:var(--text-secondary-color, #666);white-space:nowrap}.food-chart{width:100%;margin-top:1rem}.food-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.food-chart__title{font-size:1.1rem;font-weight:600;color:var(--text-color, #333);margin:0}.food-chart__week-range{font-size:.9rem;color:var(--text-secondary-color, #666)}.food-chart__navigation{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.food-chart__nav-button{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--primary-color, #3390ec);background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;transition:all .2s;flex:1}.food-chart__nav-button:hover{border-color:var(--primary-color, #3390ec);background-color:#3390ec0d}.food-chart__nav-button:focus{outline:none;box-shadow:0 0 0 3px #3390ec1a}.food-chart__chart-container{width:100%;margin-bottom:1.5rem;background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1rem}.food-chart__bar{transition:fill .2s}.food-chart__bar:hover{opacity:.8}.food-chart__summary{display:flex;flex-direction:column;gap:.75rem}.food-chart__day-summary{padding:.75rem;background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;transition:all .2s}.food-chart__day-summary:hover{border-color:var(--primary-color, #3390ec);background-color:#3390ec05}.food-chart__day-summary--selected{border-color:var(--primary-color, #3390ec);background-color:#3390ec0d}.food-chart__day-name{font-weight:600;color:var(--text-color, #333);font-size:.95rem;margin-bottom:.5rem}.food-chart__day-macros{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.food-chart__day-calories{font-weight:600;color:var(--primary-color, #3390ec)}.food-chart__day-bzhu{color:var(--text-secondary-color, #666)}.home-page__loading,.home-page__error{text-align:center;padding:1rem;margin:1rem 0;border-radius:8px;font-size:.95rem}.home-page__loading{color:var(--text-secondary-color, #666)}.home-page__error{background-color:#e74c3c1f;color:#e74c3c}.home-page__unified-card{background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000000d;text-align:left}.home-page__goal-card{background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000000d}.home-page__goal-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #333);margin:0 0 1rem;text-align:center}.home-page__goal-info{display:flex;flex-direction:column;gap:.75rem}.home-page__goal-info p{margin:0;font-size:.95rem;color:var(--text-color, #333);line-height:1.6}.home-page__goal-info strong{color:var(--text-color, #333);font-weight:600}.home-page__goal-text{font-size:.95rem;color:var(--text-color, #333);margin:1rem 0;line-height:1.6}.home-page__progress-section{margin-top:2rem;background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:20px 0;box-shadow:0 2px 8px #0000000d}.home-page__progress{text-align:left;margin-bottom:0;padding-left:0;display:flex;align-items:baseline;gap:.5rem}.home-page__progress-title{font-size:1.1rem;font-weight:600;color:var(--text-color, #333);margin:0}.home-page__progress-percent{font-size:1.1rem;font-weight:700;color:var(--primary-color, #3390ec);margin:0;line-height:1.2}.home-page__no-goal{text-align:center;padding:2rem;margin:1rem 0;background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;color:var(--text-secondary-color, #666)}.weight-chart{width:100%;margin-top:1rem}.home-page__unified-card .weight-chart{margin-top:1.5rem}.home-page__goal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1.5rem}.home-page__spinner{width:60px;height:60px;border:4px solid var(--border-color, #ddd);border-top:4px solid var(--primary-color, #1565C0);border-radius:50%;animation:spin 1s linear infinite}.home-page__goal-loading-text{font-size:1.1rem;color:var(--text-color, #333);margin:0;text-align:center}.home-page__kbju{display:flex;flex-direction:column;gap:1rem}.home-page__kbju-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #ddd)}.home-page__kbju-item:last-child{border-bottom:none}.home-page__kbju-label{font-size:1rem;color:var(--text-secondary-color, #666);font-weight:500}.home-page__kbju-value{font-size:1.1rem;color:var(--text-color, #333);font-weight:600}.home-page__tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.home-page__tip-item{font-size:.95rem;color:var(--text-color, #333);line-height:1.6;padding-left:1.5rem;position:relative}.home-page__tip-item:before{content:"•";position:absolute;left:0;color:var(--primary-color, #3390ec);font-size:1.2rem;line-height:1.4}.home-page__food-chart-title{font-size:1rem;font-weight:600;color:var(--text-color, #333);margin-bottom:1rem;text-align:center}.button-group{margin-bottom:1.5rem}.button-group__label{display:block;font-size:.9rem;font-weight:500;color:var(--text-color, #333);margin-bottom:.5rem}.button-group__required{color:#e74c3c;margin-left:.25rem}.button-group__buttons{display:grid;gap:.5rem}.button-group__buttons--cols-1{grid-template-columns:1fr}.button-group__buttons--cols-2{grid-template-columns:repeat(2,1fr)}.button-group__buttons--cols-3{grid-template-columns:repeat(3,1fr)}.button-group__buttons--cols-4{grid-template-columns:repeat(4,1fr)}.button-group__button{padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:var(--text-color, #333);background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;white-space:normal;word-wrap:break-word}.button-group__button:hover{border-color:#3390ec;background-color:#3390ec0d}.button-group__button--active{background-color:#3390ec;color:#fff;border-color:#3390ec}.button-group__button--active:hover{background-color:#2a7fd4;border-color:#2a7fd4}.button-group__button--error{border-color:#e74c3c}.button-group__button--error:focus{outline:none;box-shadow:0 0 0 3px #e74c3c1a}.button-group__button:focus{outline:none;box-shadow:0 0 0 3px #3390ec1a}.button-group__error{display:block;margin-top:.5rem;font-size:.85rem;color:#e74c3c}@media (max-width: 600px){.button-group__buttons--cols-3{grid-template-columns:1fr}.button-group__buttons--cols-4{grid-template-columns:repeat(2,1fr)}}.goal-form{max-width:500px;margin:0 auto;padding:2rem 1rem}.goal-form__title{font-size:1.5rem;font-weight:600;color:var(--text-color, #333);margin-bottom:2rem;text-align:center}.goal-form__weight-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){.goal-form__weight-fields{grid-template-columns:1fr}}.goal-form__info-message{margin:1.5rem 0;padding:1rem;background-color:#3390ec1a;border-radius:8px;font-size:.9rem;color:var(--text-color, #333);text-align:center;line-height:1.5}.goal-form__submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:#3390ec;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:1rem}.goal-form__submit:hover{background-color:#2a7fd4}.goal-form__submit:active{transform:scale(.98)}.goal-form__submit:focus{outline:none;box-shadow:0 0 0 3px #3390ec4d}.goal-form__submit:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.goal-form__error{margin:0 0 1rem;padding:.75rem;border-radius:6px;background-color:#e74c3c1a;color:#e74c3c;font-size:.9rem;text-align:center}.goal-page__loading,.goal-page__error{text-align:center;padding:1rem;margin:1rem 0;border-radius:8px;font-size:.95rem}.goal-page__loading{color:var(--text-secondary-color, #666)}.goal-page__error{background-color:#e74c3c1f;color:#e74c3c}.goal-page__existing-goal{background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000000d}.goal-page__existing-goal h2{font-size:1.25rem;font-weight:600;color:var(--text-color, #333);margin:0 0 1rem;text-align:center}.goal-page__goal-info{display:flex;flex-direction:column;gap:.75rem}.goal-page__goal-info p{margin:0;font-size:.95rem;color:var(--text-color, #333);line-height:1.6}.goal-page__goal-info strong{color:var(--text-color, #333);font-weight:600}.goal-page__chart-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #ddd);text-align:center}.goal-page__chart-note p{margin:0;font-size:.9rem;color:var(--text-secondary-color, #666);font-style:italic}.goal-page__loading-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.goal-page__goal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1.5rem}.goal-page__spinner{width:60px;height:60px;border:4px solid var(--border-color, #ddd);border-top:4px solid var(--primary-color, #1565C0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goal-page__goal-loading-text{font-size:1.1rem;color:var(--text-color, #333);margin:0;text-align:center}.goal-page__kbju-card,.goal-page__tips-card{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.goal-page__kbju-title,.goal-page__tips-title{font-size:1.1rem;font-weight:600;color:var(--text-color, #333);margin:0 0 1rem;text-align:center}.goal-page__kbju{display:flex;flex-direction:column;gap:1rem}.goal-page__kbju-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #ddd)}.goal-page__kbju-item:last-child{border-bottom:none}.goal-page__kbju-label{font-size:1rem;color:var(--text-secondary-color, #666);font-weight:500}.goal-page__kbju-value{font-size:1.1rem;color:var(--text-color, #333);font-weight:600}.goal-page__tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.goal-page__tip-item{font-size:.95rem;color:var(--text-color, #333);line-height:1.6;padding-left:1.5rem;position:relative}.goal-page__tip-item:before{content:"•";position:absolute;left:0;color:var(--primary-color, #1565C0);font-size:1.2rem;line-height:1.4}.goal-page__actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd);display:flex;justify-content:center}.goal-page__edit-button,.goal-page__cancel-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--primary-color, #1565C0);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.goal-page__edit-button:hover,.goal-page__cancel-button:hover{background-color:#0d47a1}.goal-page__cancel-button{margin-bottom:1rem;background-color:var(--text-secondary-color, #666)}.goal-page__cancel-button:hover{background-color:#424242}.stats-page__loading,.stats-page__error{text-align:center;padding:1rem;margin:1rem 0;border-radius:8px;font-size:.95rem}.stats-page__loading{color:var(--text-secondary-color, #666)}.stats-page__error{background-color:#e74c3c1f;color:#e74c3c}.stats-page__chart-container{margin-top:1rem;background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.settings-page__loading,.settings-page__error{text-align:center;padding:1rem;margin:1rem 0;border-radius:8px;font-size:.95rem}.settings-page__loading{color:var(--text-secondary-color, #666)}.settings-page__error{background-color:#e74c3c1f;color:#e74c3c}.settings-page__user-card{background-color:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #0000000d}.settings-page__avatar-container{display:flex;justify-content:center;margin-bottom:1rem}.settings-page__avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #3390ec)}.settings-page__avatar-placeholder{width:80px;height:80px;border-radius:50%;background-color:var(--primary-color, #3390ec);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;border:3px solid var(--primary-color, #3390ec)}.settings-page__user-info{text-align:center;margin-bottom:1.5rem}.settings-page__user-name{font-size:1.25rem;font-weight:600;color:var(--text-color, #333);margin:0 0 1rem}.settings-page__user-details{display:flex;flex-direction:column;gap:.75rem;text-align:left}.settings-page__detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color, #eee)}.settings-page__detail-item:last-child{border-bottom:none}.settings-page__detail-label{font-size:.9rem;color:var(--text-secondary-color, #666);font-weight:500}.settings-page__detail-value{font-size:.95rem;color:var(--text-color, #333);font-weight:600}.settings-page__edit-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--primary-color, #3390ec);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.settings-page__edit-button:hover{background-color:#2a7fd4}.settings-page__edit-button:active{transform:scale(.98)}.settings-page__edit-button:focus{outline:none;box-shadow:0 0 0 3px #3390ec4d}.settings-page__cancel-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:var(--text-color, #333);background-color:transparent;border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:1rem}.settings-page__cancel-button:hover{background-color:#0000000a}.settings-page__cancel-button:active{transform:scale(.98)}.settings-page__cancel-button:focus{outline:none;box-shadow:0 0 0 3px #0000001a}@media (prefers-color-scheme: dark){.settings-page__user-card{background-color:var(--bg-color, #212121);border-color:var(--border-color, #444)}.settings-page__avatar-placeholder{background-color:var(--primary-color, #3390ec)}.settings-page__cancel-button:hover{background-color:#ffffff0d}}:root{--bg-color: #ffffff;--text-color: #333333;--text-secondary-color: #666666;--border-color: #dddddd;--primary-color: #3390ec;--error-color: #e74c3c}@media (prefers-color-scheme: dark){:root{--bg-color: #212121;--text-color: #ffffff;--text-secondary-color: #aaaaaa;--border-color: #444444}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.app{min-height:100vh;padding:1rem;padding-top:0;background-color:var(--bg-color)}.app--loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading{font-size:1.1rem;color:var(--text-secondary-color)}.app__user-info{text-align:center;margin:0 auto 1rem;padding:.5rem 1rem;background-color:#3390ec1a;border-radius:8px;color:var(--text-color);max-width:400px}.app__user-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-color)}.app__user-id{margin:0;font-size:.85rem;color:var(--text-secondary-color);font-family:Courier New,monospace}.app__content{padding-bottom:80px}.app__status{text-align:center;margin:0 0 1.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;background-color:#0000000a;color:var(--text-color)}.app__status--success{background-color:#2ecc711f;color:#1f8f4c}.app__status--info{background-color:#3498db1f;color:#2a7fd4}.app__status--error{background-color:#e74c3c1f;color:#e74c3c}.app__status-text{margin:0 0 1rem}.app__back-button{padding:.75rem 1.25rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer}.app__back-button:hover{background-color:#2a7fd4}.page{padding:1rem 0}.page__content{max-width:500px;margin:0 auto}.page__title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1rem;text-align:center}