:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#212529;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100vh}body{margin:0;padding:0}a{font-weight:500;color:#7950f2;text-decoration:inherit}a:hover{color:#5f3dc4}button{font-family:inherit}.layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.layout__main{flex:1;padding:20px 20px 80px;width:100%;margin:0 auto;max-width:100%}@media(min-width:1400px){.layout__main{max-width:1400px;padding:32px 48px}}@media(min-width:1800px){.layout__main{max-width:1600px}}.layout__nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -4px 20px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:8px 16px;border-radius:12px;transition:all .2s ease}@media(min-width:768px){.nav-item{flex-direction:row;gap:8px;padding:10px 20px}}.nav-item__icon{font-size:24px;margin-bottom:4px}@media(min-width:768px){.nav-item__icon{font-size:20px;margin-bottom:0}}.nav-item__label{font-size:11px;font-weight:600;color:#868e96}@media(min-width:768px){.nav-item__label{font-size:14px}}.nav-item--active{background:linear-gradient(135deg,#7950f2,#845ef7)}.nav-item--active .nav-item__label{color:#fff}.nav-item:hover:not(.nav-item--active){background:#f1f3f5}.week-page{padding-bottom:20px}.week-page__header{text-align:center;margin-bottom:24px}.week-page__title{font-size:28px;font-weight:700;color:#212529;margin:0 0 4px}.week-page__subtitle{color:#868e96;font-size:14px;margin:0}.week-page__days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px}.week-day{background:#fff;border-radius:16px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;align-items:center;min-height:140px}.week-day:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.week-day--today{background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff}.week-day__name{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.8}.week-day__number{font-size:24px;font-weight:700;margin-bottom:10px}.week-day__progress{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:6px}.week-day--today .week-day__progress{background:#ffffff4d}.week-day__progress-fill{height:100%;background:linear-gradient(90deg,#51cf66,#40c057);border-radius:3px;transition:width .3s ease}.week-day--today .week-day__progress-fill{background:#fff}.week-day__pct{font-size:13px;font-weight:600;margin-bottom:8px}.week-day__badges{display:flex;flex-direction:column;gap:4px}.week-day__badge{font-size:10px;padding:2px 6px;border-radius:8px;white-space:nowrap}.week-day__badge--water{background:#e0f7fa;color:#006064}.week-day--today .week-day__badge--water{background:#fff3;color:#fff}.week-day__badge--todo{background:#f3f0ff;color:#6741d9}.week-day--today .week-day__badge--todo{background:#fff3;color:#fff}.week-day__empty{color:#ced4da;font-size:20px}.week-page__today-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.week-page__today-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7950f24d}.water-slider{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #0096c826}.water-slider__header{display:flex;align-items:center;margin-bottom:16px}.water-slider__icon{font-size:32px;margin-right:12px}.water-slider__info{flex:1;display:flex;flex-direction:column}.water-slider__title{font-weight:600;color:#006064;font-size:16px}.water-slider__value{color:#00838f;font-size:14px;margin-top:2px}.water-slider__percentage{font-size:24px;font-weight:700;color:#006064}.water-slider__track{position:relative;height:12px;background:#fff9;border-radius:6px;overflow:hidden;margin-bottom:16px}.water-slider__progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4dd0e1,#00bcd4);border-radius:6px;transition:width .3s ease}.water-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;z-index:10}.water-slider__chips{display:flex;gap:8px}.water-slider__chip{flex:1;padding:10px 16px;border:none;border-radius:20px;background:#fffc;color:#00838f;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.water-slider__chip:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0096c833}.water-slider__chip:disabled{opacity:.5;cursor:not-allowed}.routine-item{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 12px #0000000f;transition:all .2s ease}.routine-item:hover{box-shadow:0 4px 16px #0000001a}.routine-item--done{opacity:.7;background:#f8f9fa}.routine-item--done .routine-item__title{text-decoration:line-through;color:#868e96}.routine-item__icon{font-size:24px;margin-right:14px}.routine-item__content{flex:1;display:flex;flex-direction:column}.routine-item__title{font-weight:600;color:#212529;font-size:16px}.routine-item__plan{margin-top:4px}.routine-item__plan-text{font-size:13px;color:#868e96;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.routine-item__plan-text:hover{background:#f1f3f5;color:#495057}.routine-item__plan-edit{display:flex;gap:8px;margin-top:4px}.routine-item__plan-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;outline:none}.routine-item__plan-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a}.routine-item__plan-save{padding:8px 16px;background:#339af0;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.routine-item__plan-save:hover{background:#228be6}.routine-item__note{font-size:13px;color:#868e96;margin-top:2px}.routine-item__checkbox{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.routine-item__checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.routine-item__checkmark{width:28px;height:28px;border:2px solid #dee2e6;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.routine-item__checkmark:after{content:"✓";font-size:16px;color:#fff;opacity:0;transition:opacity .2s ease}.routine-item__checkbox input:checked+.routine-item__checkmark{background:linear-gradient(135deg,#51cf66,#40c057);border-color:#40c057}.routine-item__checkbox input:checked+.routine-item__checkmark:after{opacity:1}.category-picker{display:flex;gap:8px;flex-wrap:wrap}.category-picker__option{padding:6px 14px;border:2px solid transparent;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#f1f3f5;color:#495057}.category-picker__option:hover{transform:translateY(-1px)}.category-picker__option--selected{border-color:currentColor!important;font-weight:600}.category-picker__option--blue{background:#e7f5ff;color:#1971c2}.category-picker__option--blue.category-picker__option--selected{background:#339af0;color:#fff}.category-picker__option--green{background:#ebfbee;color:#2b8a3e}.category-picker__option--green.category-picker__option--selected{background:#51cf66;color:#fff}.category-picker__option--orange{background:#fff4e6;color:#d9480f}.category-picker__option--orange.category-picker__option--selected{background:#ff922b;color:#fff}.category-picker__option--gray{background:#f1f3f5;color:#495057}.category-picker__option--gray.category-picker__option--selected{background:#868e96;color:#fff}.category-picker__option--red{background:#fff5f5;color:#c92a2a}.category-picker__option--red.category-picker__option--selected{background:#ff6b6b;color:#fff}.category-picker__option--purple{background:#f3f0ff;color:#6741d9}.category-picker__option--purple.category-picker__option--selected{background:#7950f2;color:#fff}.todo-list{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000f}.todo-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.todo-list__title{font-size:18px;font-weight:700;color:#212529;margin:0}.todo-list__count{background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.todo-list__filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.todo-list__filter{padding:6px 12px;border:none;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;background:#f1f3f5;color:#495057;transition:all .2s ease}.todo-list__filter--active{background:#7950f2;color:#fff}.todo-list__filter--blue.todo-list__filter--active{background:#339af0}.todo-list__filter--green.todo-list__filter--active{background:#51cf66}.todo-list__filter--orange.todo-list__filter--active{background:#ff922b}.todo-list__filter--gray.todo-list__filter--active{background:#868e96}.todo-list__add-form{display:flex;gap:8px;margin-bottom:12px}.todo-list__input{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s}.todo-list__input:focus{border-color:#7950f2}.todo-list__add-btn{padding:12px 24px;background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.todo-list__add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7950f24d}.todo-list__add-btn:disabled{opacity:.5;cursor:not-allowed}.todo-list__category-select{margin-bottom:16px}.todo-list__items{display:flex;flex-direction:column;gap:10px}.todo-list__item{display:flex;align-items:center;padding:14px 16px;background:#f8f9fa;border-radius:12px;transition:all .2s ease}.todo-list__item:hover{background:#f1f3f5}.todo-list__item--done{opacity:.6}.todo-list__item--done .todo-list__item-title{text-decoration:line-through;color:#868e96}.todo-list__checkbox{position:relative;display:flex;align-items:center;cursor:pointer;margin-right:12px}.todo-list__checkbox input{position:absolute;opacity:0;cursor:pointer}.todo-list__checkmark{width:24px;height:24px;border:2px solid #ced4da;border-radius:6px;transition:all .2s ease}.todo-list__checkbox input:checked+.todo-list__checkmark{background:linear-gradient(135deg,#7950f2,#845ef7);border-color:#7950f2}.todo-list__checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;opacity:0;transition:opacity .2s}.todo-list__checkbox input:checked+.todo-list__checkmark:after{opacity:1}.todo-list__item-content{flex:1;display:flex;align-items:center;gap:10px}.todo-list__item-title{font-size:15px;color:#212529;cursor:pointer}.todo-list__edit-input{flex:1;padding:6px 10px;border:1px solid #7950f2;border-radius:6px;font-size:15px;outline:none}.todo-list__category-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.todo-list__category-badge--blue{background:#e7f5ff;color:#1971c2}.todo-list__category-badge--green{background:#ebfbee;color:#2b8a3e}.todo-list__category-badge--orange{background:#fff4e6;color:#d9480f}.todo-list__category-badge--gray{background:#f1f3f5;color:#495057}.todo-list__delete-btn{padding:6px;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.todo-list__delete-btn:hover{opacity:1}.todo-list__empty{text-align:center;padding:32px;color:#868e96;font-size:14px}.day-page{padding-bottom:20px}.day-page--loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.day-page__header{display:flex;align-items:center;margin-bottom:20px}.day-page__back{background:none;border:none;font-size:24px;padding:8px;cursor:pointer;margin-right:8px;border-radius:8px;transition:background .2s}.day-page__back:hover{background:#f1f3f5}.day-page__title{font-size:24px;font-weight:700;color:#212529;margin:0}.day-page__summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#7950f2,#845ef7);border-radius:16px;padding:20px;text-align:center;color:#fff}.summary-card__value{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.summary-card__label{font-size:13px;opacity:.9}.day-page__section{margin-bottom:24px}.day-page__section-title{font-size:18px;font-weight:700;color:#212529;margin:0 0 12px}.calendar-page{padding-bottom:20px}.calendar-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-page__nav{background:none;border:none;font-size:24px;padding:8px 16px;cursor:pointer;border-radius:8px;transition:background .2s}.calendar-page__nav:hover{background:#f1f3f5}.calendar-page__title{font-size:20px;font-weight:700;color:#212529;margin:0}.calendar-page__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-page__weekday{text-align:center;font-size:12px;font-weight:600;color:#868e96;padding:8px 0}.calendar-page__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000a}.calendar-day:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.calendar-day--other{opacity:.4}.calendar-day--today{background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff}.calendar-day__number{font-size:16px;font-weight:600}.calendar-day__info{display:flex;align-items:center;gap:4px;margin-top:4px}.calendar-day__dot{width:8px;height:8px;border-radius:50%}.calendar-day__water{font-size:10px}.calendar-page__legend{display:flex;justify-content:center;gap:16px;margin-top:20px;padding:12px;background:#fff;border-radius:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#495057}.legend-dot{width:10px;height:10px;border-radius:50%}.stats-page{padding-bottom:20px}.stats-page--loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.stats-page__header{text-align:center;margin-bottom:24px}.stats-page__title{font-size:28px;font-weight:700;color:#212529;margin:0 0 4px}.stats-page__subtitle{color:#868e96;font-size:14px;margin:0}.stats-page__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 20px #0000000f}.stat-card--streak{background:linear-gradient(135deg,#ff922b,#fd7e14);color:#fff}.stat-card--completion{background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff}.stat-card--water{background:linear-gradient(135deg,#22b8cf,#15aabf);color:#fff}.stat-card--todos{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.stat-card__icon{font-size:32px;display:block;margin-bottom:8px}.stat-card__value{font-size:32px;font-weight:700;display:block;margin-bottom:4px}.stat-card__label{font-size:13px;opacity:.9}.stats-page__chart{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000f}.stats-page__section-title{font-size:16px;font-weight:700;color:#212529;margin:0 0 16px}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:160px;gap:8px}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center}.chart-bar__fill-wrapper{width:100%;height:120px;background:#f1f3f5;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chart-bar__fill{width:100%;background:linear-gradient(180deg,#7950f2,#845ef7);border-radius:8px 8px 0 0;transition:height .3s ease}.chart-bar__value{font-size:11px;font-weight:600;color:#495057;margin-top:6px}.chart-bar__label{font-size:11px;color:#868e96;margin-top:2px}.settings-page{padding-bottom:20px}.settings-page--loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#7950f2;border-radius:50%;animation:spin 1s linear infinite}.settings-page__header{margin-bottom:24px}.settings-page__title{font-size:28px;font-weight:700;color:#212529;margin:0}.settings-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #0000000f}.settings-section__title{font-size:16px;font-weight:700;color:#212529;margin:0 0 16px}.settings-user{display:flex;align-items:center;justify-content:space-between}.settings-user__email{font-size:14px;color:#495057}.settings-user__signout{padding:8px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.settings-user__signout:hover{background:#fa5252}.category-add-form{margin-bottom:16px}.category-add-form__input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;outline:none;margin-bottom:12px}.category-add-form__input:focus{border-color:#7950f2}.category-add-form__colors{display:flex;gap:8px;margin-bottom:12px}.color-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;flex-shrink:0}.color-btn:hover{transform:scale(1.1)}.color-btn--selected{border-color:#212529}.color-btn--blue{background:#339af0}.color-btn--green{background:#51cf66}.color-btn--orange{background:#ff922b}.color-btn--gray{background:#868e96}.color-btn--red{background:#ff6b6b}.color-btn--purple{background:#7950f2}.category-add-form__submit{width:100%;padding:12px;background:linear-gradient(135deg,#7950f2,#845ef7);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer}.category-add-form__submit:disabled{opacity:.5;cursor:not-allowed}.category-list{display:flex;flex-direction:column;gap:10px}.category-item{display:flex;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:12px}.category-item__color{width:16px;height:16px;border-radius:50%;margin-right:12px}.category-item__color--blue{background:#339af0}.category-item__color--green{background:#51cf66}.category-item__color--orange{background:#ff922b}.category-item__color--gray{background:#868e96}.category-item__color--red{background:#ff6b6b}.category-item__color--purple{background:#7950f2}.category-item__name{flex:1;font-size:15px;color:#212529;cursor:pointer}.category-item__edit-input{flex:1;padding:6px 10px;border:1px solid #7950f2;border-radius:6px;font-size:15px;outline:none}.category-item__delete{padding:6px;background:none;border:none;cursor:pointer;opacity:.5}.category-item__delete:hover{opacity:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7950f2,#845ef7,#5f3dc4);padding:20px}.login-page__card{background:#fff;border-radius:24px;padding:48px 40px;text-align:center;box-shadow:0 20px 60px #0003;max-width:400px;width:100%}.login-page__logo{font-size:64px;margin-bottom:16px}.login-page__title{font-size:28px;font-weight:700;color:#212529;margin:0 0 8px}.login-page__subtitle{font-size:15px;color:#868e96;margin:0 0 32px}.login-page__btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:#fff;color:#212529;border:2px solid #e9ecef;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-page__btn:hover{border-color:#7950f2;box-shadow:0 4px 12px #0000001a}.login-page__google-icon{flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#7950f2,#845ef7)}.app-loading__spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.app-loading__text{margin-top:16px;color:#fff;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}