@charset "UTF-8";.short-logo{display:block;font-family:BBH Bartle;white-space:nowrap}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-block-end:1px solid var(--border-color)}.header__profile{width:50px;height:50px;padding:2px;border:2px solid var(--primary-color);border-radius:50%}.header__profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header__back{font-size:26px;color:var(--font-color);background:transparent;border:none;outline:none;cursor:pointer}.header__back>svg{display:block;stroke-width:2px}.header__spacer{width:39px}.main-layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.main-layout__main{max-width:100vw;overflow-y:hidden}.spinner{border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.week-calendar{margin-block-end:40px}.week-calendar__days{display:flex;justify-content:center;align-items:stretch;gap:8px}.week-calendar__day{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 4px;border-radius:var(--border-radius);background:var(--border-color);opacity:.6;transition:opacity var(--animation-duration),transform var(--animation-duration)}.week-calendar__day--today{opacity:1;background:var(--font-color);color:var(--background-color);transform:scale(1.08);box-shadow:0 4px 12px #fff3}.week-calendar__day--past{opacity:.7}.week-calendar__day--completed{opacity:1;background:#ffffff40;border:2px solid rgba(255,255,255,.5)}.week-calendar__day--completed:after{content:"✓";position:absolute;bottom:4px;right:6px;font-size:10px;font-weight:700}.week-calendar__weekday{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-block-end:4px;color:inherit}.week-calendar__day--today .week-calendar__weekday{opacity:.9}.week-calendar__date{font-size:18px;font-weight:700}.button{width:fit-content;padding:14px 20px;display:flex;justify-content:center;align-items:center;gap:10px;border:none;border-radius:var(--border-radius);font-size:18px;font-weight:700;position:relative}.button:disabled{background-color:#adb5bd}.button--primary{color:var(--background-color);background-color:var(--primary-color)}.button--secondary{color:var(--font-color);background:transparent;border:2px solid var(--font-color)}.button--ghost{color:var(--font-color);background-color:transparent}.button--loading>.button__loading-overlay{opacity:1}.button>svg{stroke-width:2.3;width:1.2em;height:1.2em}.button__loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-background-color);display:flex;justify-content:center;align-items:center;opacity:0;transition-duration:var(--animation-duration)}.init-form-page{min-height:100%;max-width:100%;display:flex;opacity:0;animation:fade var(--animation-duration) forwards}.init-form-page__screen{padding:var(--padding);min-width:100%}.init-form-page__next-btn{width:100%;margin-block-start:40px}.init-form-page{width:100%;overflow:hidden;position:relative}.init-form-page__screens{display:flex;width:100%;min-height:100%;transition:transform .5s ease-in-out}.init-form-page__screen{min-width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transition-duration:var(--animation-duration)}.init-form-page__screen--active{opacity:1}.welcome-screen,.exercise-choose-screen,.init-form-screen{min-height:100%;display:grid;grid-template-rows:1fr auto}.welcome-screen__title{margin-block-end:30px}.welcome-screen__list{color:var(--font-secondary-color);font-size:18px}.welcome-screen__item{display:flex;gap:10px;align-items:baseline}.welcome-screen__item:not(:last-child){margin-block-end:18px}.welcome-screen__item:before{content:"";display:block;height:7px;width:7px;min-width:7px;border-radius:50%;background:var(--primary-color);transform:translateY(-2px)}.exercise-choose-screen__title,.init-form-screen__title{margin-block-end:20px}.exercise-choose-screen__subtitle,.init-form-screen__subtitle{margin-block-end:40px;font-size:22px;color:var(--font-secondary-color)}.exercise-choose-screen__item:not(:last-child){margin-block-end:14px}.exercise-choose-screen__label{display:block;padding:10px;border:2px solid var(--border-color);border-radius:var(--border-radius);text-align:center;font-size:18px;font-weight:500;transition-duration:var(--animation-duration);color:var(--font-secondary-color)}.exercise-choose-screen__label:has(>.exercise-choose-screen__input:checked){color:var(--font-color);border:2px solid var(--primary-color)}.exercise-choose-screen__input{display:none}.init-form-screen__form{display:flex;gap:20px;flex-direction:column}.init-form-screen__label{display:block;font-size:18px;font-weight:500;margin-block-end:8px}.init-form-screen__input{font-size:18px;padding:8px 14px;width:100%;border:none;border-radius:var(--border-radius)}.init-form-screen__input:disabled{background-color:var(--font-color);color:var(--background-color)}.main-page{padding:40px 20px;opacity:0;animation:fade var(--animation-duration) forwards}.main-page--loader{display:flex;justify-content:center;align-items:center}.streak-count{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--font-color);border-radius:var(--border-radius);padding:20px;margin-block-end:30px}.streak-count__title{font-size:32px;line-height:36px}.streak-count__number{font-weight:900;font-size:60px;display:block;padding-block-end:20px}.streak-count__progress{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px}.streak-count__center{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.streak-count__goal-value{font-size:22px;font-weight:700;line-height:1.2}.streak-count__goal-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-block-start:2px}.streak-count__check--small{font-size:20px;margin-block-start:4px}.streak-count__today{display:flex;align-items:center;gap:8px;width:100%;max-width:100px;margin-block-start:4px}.streak-count__today-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;flex-shrink:0;width:36px}.streak-count__today-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.streak-count__today-fill{height:100%;background:var(--font-color);opacity:.6;transition:width .5s ease}.streak-count__today-fill--complete{opacity:1}.streak-count__today-value{font-size:11px;font-weight:600;flex-shrink:0;text-align:end}.streak-count__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;stroke-width:3px;opacity:0;animation:fade var(--animation-duration) forwards}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle-bg{opacity:.3}.progress-ring__circle{transition:stroke-dashoffset .5s ease}.progress-ring__checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:checkmark-appear .3s ease-in-out}@keyframes checkmark-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.excercises{margin-block-end:60px}.excercises__title{font-size:36px;margin-block-end:30px}.excercises__list{display:flex;flex-direction:column;gap:24px}.excercises__label{font-size:20px;font-weight:500;display:flex;align-items:center}.excercises__label--loading>.excercises__checkbox{opacity:0}.excercises__checkbox{appearance:none;width:24px;height:24px;margin-inline-end:10px;border:2px solid var(--font-color);border-radius:var(--border-radius);position:relative;transition-duration:var(--animation-duration)}.excercises__checkbox:checked{background:var(--font-color);border-color:var(--font-color)}.excercises__checkbox:checked:after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid var(--background-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.excercises__checkbox--loading{opacity:0}.excercises__spinner{position:absolute;left:21px}.excercises__spinner>.spinner{border-width:3px}.excercises__content{display:flex;align-items:baseline;gap:8px}.excercises__value{font-size:22px}.excercises__unit{color:var(--font-secondary-color);font-size:16px}.not-telegram-page{min-height:100vh;padding:20px;display:grid;grid-template-rows:auto 1fr auto;text-align:center}.not-telegram-page__content{margin-block-start:60px}.not-telegram-page__title{margin-block-end:14px}.not-telegram-page__text{margin:0 auto;max-width:340px}.not-telegram-page__button{margin:40px auto 0}.not-telegram-page__qr{margin:30px auto 0}.profile-page{opacity:0;animation:fade var(--animation-duration) forwards}.profile-page__user{margin-block-end:30px;display:flex;flex-direction:column;align-items:center}.profile-page__user-img{width:120px;height:120px;padding:4px;border:4px solid var(--font-color);border-radius:50%;margin-block-end:10px}.profile-page__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-page__user-username{color:var(--font-secondary-color)}.profile-page{padding:24px 16px}.profile-page__settings{border:2px solid var(--border-color);border-radius:var(--border-radius);padding:16px}.profile-page__setting{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.profile-page__setting:not(:first-child){margin-block-start:14px}.profile-page__setting:not(:last-child):after{content:"";display:block;width:80%;height:2px;background:var(--border-color);margin:0 auto}.profile-page__setting-info{display:flex;align-items:center;gap:12px;flex:1}.profile-page__setting-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.profile-page__setting-text{flex:1}.profile-page__setting-title{font-size:18px;font-weight:500;color:var(--font-color)}.profile-page__setting-description{font-size:16px;color:var(--font-secondary-color);margin:0}.profile-page__setting-arrow{font-size:22px;stroke-width:2px}.profile-page__shields-count{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700}.profile-page__shields-icon{width:24px;height:24px;stroke-width:2px}.profile-page__goal-buttons{display:flex;gap:8px}.profile-page__goal-btn{padding:8px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:transparent;color:var(--font-color);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--animation-duration)}.profile-page__goal-btn:hover:not(:disabled){border-color:var(--font-color)}.profile-page__goal-btn:disabled{opacity:.5;cursor:not-allowed}.profile-page__goal-btn--active{background:var(--font-color);color:var(--background-color);border-color:var(--font-color)}.profile-page__toggle{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.profile-page__toggle-input{opacity:0;width:0;height:0}.profile-page__toggle-input:checked+.profile-page__toggle-slider{background-color:var(--primary-color)}.profile-page__toggle-input:checked+.profile-page__toggle-slider:before{transform:translate(20px);background-color:var(--background-color)}.profile-page__toggle-input:disabled+.profile-page__toggle-slider{opacity:.5;cursor:not-allowed}.profile-page__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--disabled-color);transition:.3s;border-radius:31px}.profile-page__toggle-slider:before{position:absolute;content:"";height:23px;width:23px;left:4px;bottom:4px;background-color:var(--primary-color);transition:.3s;border-radius:50%}.profile-page__modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.profile-page__modal-overlay--visible{opacity:1;pointer-events:all}.profile-page__modal{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;transform:scale(.9) translateY(20px);transition:transform .3s ease}.profile-page__modal--visible{transform:scale(1) translateY(0)}.profile-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.profile-page__modal-title{font-size:24px;font-weight:600;color:var(--font-color);margin:0}.profile-page__modal-close{background:none;border:none;font-size:32px;color:var(--font-secondary-color);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--animation-duration)}.profile-page__modal-close:hover{color:var(--font-color)}.profile-page__modal-content{padding:20px;overflow-y:auto;flex:1}.profile-page__modal-footer{display:flex;gap:12px;padding:20px;background-color:var(--background-color)}.profile-page__modal-footer button{flex:1}.full-page-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);z-index:9999;opacity:1;transition:opacity var(--animation-duration) ease-out}.full-page-loader:has(>.full-page-loader__content--hidden){opacity:0;pointer-events:none}.full-page-loader__content{display:flex;flex-direction:column;align-items:center;gap:24px;transform:scale(1);transition:transform var(--animation-duration) ease-out}.full-page-loader__content--hidden{transform:scale(.95)}:root{--font-color: #fff;--font-secondary-color: #ced4da;--primary-color: #fff;--background-color: #000;--border-color: #343a40;--overlay-background-color: rgba(0, 0, 0, .5);--disabled-color: #565a5e;--font-disabled-color: #3f4144;--animation-duration: .3s;--border-radius: 6px;--padding-small: 10px;--padding: 20px;--padding-large: 40px}@font-face{font-family:BBH Bartle;src:url(/assets/BBHBartle-Regular-CJJsu2c8.woff2) format("woff2");font-weight:400;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;height:100vh;background:var(--background-color);color:var(--font-color)}ul>li{list-style-type:none}a{text-decoration:none;color:inherit}@keyframes fade{to{opacity:1}}
