.header{z-index:1100;top:var(--header-fixed-top);width:calc(100% - var(--scrollbar-compensation,0px));height:var(--header-stack-height);padding:var(--space-16) 0;padding-top:calc(var(--space-16) + var(--safe-area-top));position:fixed}@media (max-width:1464px){.header{padding-right:var(--space-24);padding-left:var(--space-24)}}.header__wrapper{max-width:var(--max-width);align-items:center;gap:var(--space-24);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}@media (max-width:1199px){.header__wrapper{display:flex}}@media (max-width:767px){.header__wrapper{gap:var(--space-16)}}@media (max-width:575px){.header__wrapper{align-items:stretch;gap:var(--space-8);flex-direction:column}}.header__brand{align-items:center;gap:var(--space-4);height:48px;padding:var(--space-4);border-radius:var(--radius-pill);transition:box-shadow var(--duration-base) var(--ease-default);gap:var(--space-16);padding:var(--space-10) var(--space-4) var(--space-10) var(--space-16);flex-shrink:0;justify-self:start;display:flex;position:relative}.header__brand--mobile{width:100%;padding-left:var(--space-4);justify-content:space-between}.header__logo{align-items:center;height:40px;display:flex}.header__logo-full{width:auto;height:28px}.header__logo-icon{width:30px;height:25px}.header__search-pill{align-items:center;gap:var(--space-4);height:48px;padding:var(--space-4);border-radius:var(--radius-pill);transition:box-shadow var(--duration-base) var(--ease-default);width:var(--width-header-search);flex:auto;min-width:0;display:flex}@media (max-width:1199px){.header__search-pill{width:auto}}@media (max-width:575px){.header__search-pill{transition:box-shadow var(--duration-base) var(--ease-default),opacity var(--duration-base) var(--ease-default),visibility var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default)}.header__search-pill--hidden{opacity:0;visibility:hidden;transform:translateY(-8px)}.header--searchHidden{height:calc(var(--header-stack-height) - 56px)}.header--searchHidden .header__wrapper{position:relative}.header--searchHidden .header__search-pill{top:calc(48px + var(--space-8));position:absolute;left:0;right:0}}.header__search{flex:auto;min-width:0}.header__search .field-input__input{height:40px;min-height:40px;padding:0 44px 0 var(--space-16);border-radius:var(--radius-pill);border:none}.header__search .field-input__icon-end{top:12px;right:14px}.header__search .field-input__icon-end svg{width:16px;height:16px}.header__search .global-goals-search__loading{right:44px}.header__search-trigger{justify-content:space-between;align-items:center;gap:var(--space-8);min-width:0;height:40px;padding:0 var(--space-12) 0 var(--space-16);border-radius:var(--radius-pill);text-align:left;cursor:pointer;border:none;flex:auto;font-size:14px;display:flex}.header__search-trigger-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header__search-trigger-icon{flex-shrink:0}.header__categories{background:var(--color-surface);border-radius:var(--radius-pill);flex-shrink:0;display:flex;position:relative}.header__categories:after{content:"";width:100%;height:12px;position:absolute;bottom:-12px;left:0}.header__actions{align-items:center;gap:var(--space-4);height:48px;padding:var(--space-4);border-radius:var(--radius-pill);transition:box-shadow var(--duration-base) var(--ease-default);flex-shrink:0;justify-self:end;display:flex;position:relative}.header__circle,.header__circle.button{background:var(--color-surface);justify-content:center;align-items:center;gap:var(--space-4);min-width:40px;height:40px;padding:0 var(--space-8);border-radius:var(--radius-pill);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default);border:none;flex-shrink:0;line-height:1;display:inline-flex}.header__circle:focus-visible,.header__circle.button:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.header__circle:active,.header__circle.button:active{transform:none}.header__circle:has(.header__circle-count),.header__circle.button:has(.header__circle-count){padding:0 var(--space-12) 0 var(--space-8)}.header__circle--avatar,.header__circle.button--avatar{width:40px;min-width:40px;padding:0;overflow:hidden}.header__circle--attention:after,.header__circle.button--attention:after{content:"";background:var(--color-orange);border:2px solid var(--color-surface);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:2px;right:2px}.header__circle{position:relative}.header__circle-icon{flex-shrink:0;width:16px;height:16px}.header__create.button{height:40px;padding:0 var(--space-16) 0 var(--space-12);border-radius:var(--radius-pill);font-weight:var(--weight-medium);background:var(--color-surface)}.header__create.button:active{transform:none}.header__create--iconOnly.button{width:40px;padding:0}.header__sign-in.button,.header__registration.button{height:40px;padding:0 var(--space-16);font-weight:var(--weight-medium)}.header__sign-in.button:active,.header__registration.button:active{transform:none}.header__notifications-wrapper{align-items:center;gap:var(--space-4);display:flex}.header__progress-wrapper{display:flex}.header__notifications-dropdown,.header__regular-goals-dropdown,.header__progress-dropdown{z-index:1000;top:calc(100% + var(--space-8));position:absolute;right:0}.header__profile-wrapper{background:var(--color-surface);border-radius:var(--radius-pill);align-items:center;display:flex}.header__profile-wrapper--open .header__profile-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__profile{align-items:center;gap:var(--space-4);height:40px;padding-left:var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-base) var(--ease-default);display:flex}.header__profile:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.header__profile-arrow{margin-right:var(--space-8);flex-shrink:0;transform:rotate(90deg)}.header__nav-menu{background:var(--color-surface);border-radius:var(--radius-24);box-shadow:var(--shadow-md);z-index:1000;top:calc(100% + var(--space-8));min-width:240px;padding:var(--space-8);position:absolute;left:0}.header__nav-list{gap:var(--space-4);flex-direction:column;display:flex}.header__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.header__item{list-style:none}.header__item-link{width:100%;padding:var(--space-8);border-radius:var(--radius-16);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);background:0 0;border:none;font-size:14px;display:block}@media (max-width:767px){.header__item-link{margin-inline:calc(var(--space-8)*-1)}}.header__item-link:hover,.header__item-link:active{background:var(--color-background-light)}.header__item-link--active{background:var(--color-secondary);font-weight:var(--weight-medium)}.header__theme-row{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8);color:var(--color-text-primary);font-size:14px;display:flex}@media (max-width:767px){.header__theme-row{margin-inline:calc(var(--space-8)*-1)}}.header__profile-menu{background:var(--color-surface);border-radius:var(--radius-24);box-shadow:var(--shadow-md);max-height:max(0px,100vh - var(--header-stack-height) - 24px - env(safe-area-inset-bottom,0px))}@supports (height:100dvh){.header__profile-menu{max-height:max(0px,100dvh - var(--header-stack-height) - 24px - env(safe-area-inset-bottom,0px))}}.header__profile-menu{z-index:10000;top:calc(100% + var(--space-8));width:320px;padding:var(--space-8);opacity:0;transition:opacity var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default),visibility var(--duration-base);visibility:hidden;flex-direction:column;display:flex;position:absolute;right:0;overflow-y:auto;transform:translateY(-10px)}@media (max-width:767px){.header__profile-menu{opacity:1;visibility:visible;width:100%;max-height:none;box-shadow:none;border-radius:0;padding:0;position:relative;top:auto;right:auto;overflow:visible;transform:translateY(0)}}.header__menu-item{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8);border-radius:var(--radius-16);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);background:0 0;border:none;font-size:14px;display:flex}@media (max-width:767px){.header__menu-item{margin-inline:calc(var(--space-8)*-1)}}.header__menu-item:hover{background:var(--color-background-light)}.header__menu-item--active{background:var(--color-secondary);color:var(--color-text-primary);font-weight:var(--weight-medium)}.header__menu-item-text{align-items:center;gap:var(--space-4);display:inline-flex}.header__menu-item-badge{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);flex-shrink:0;font-size:13px;display:inline-flex}.header__menu-item-badge svg path{fill:var(--color-text-secondary)}.header__menu-item-badge--icon-regular svg path,.header__menu-item-badge--icon-regular-empty svg path{fill:var(--color-orange-2)}.header__menu-item-red.button{padding:var(--space-8);border-radius:var(--radius-16);color:var(--color-red-1);flex-shrink:0;justify-content:flex-start}@media (max-width:767px){.header__menu-item-red.button{margin-inline:calc(var(--space-8)*-1)}}.header__menu-item-red.button:hover{background:var(--color-background-light)}.header__menu-wrapper,.header__guest-menu{gap:var(--space-8);flex-direction:column;display:flex}.header__guest-menu .button{width:100%}.header__drawer-logo{width:auto;height:28px;display:block}.header__categories-item-parent{gap:var(--space-8);color:var(--color-primary);font-weight:var(--weight-regular);flex-direction:column;display:flex;position:relative}.header__categories-list{background:var(--color-surface);border-radius:var(--radius-24);box-shadow:var(--shadow-md);z-index:1;top:calc(100% + var(--space-12));gap:var(--space-4);padding:var(--space-8);opacity:0;visibility:hidden;flex-direction:column;display:flex;position:absolute;left:0;transform:translateY(8px)}.header__categories-list:before{content:"";background:0 0;width:100%;height:12px;position:absolute;top:-12px;left:0}.header__categories-list--open{opacity:1;visibility:visible;transform:translateY(0)}.header__categories-list--child{top:0;left:100%}.header__category-link{justify-content:flex-start;align-items:center;gap:var(--space-8);width:100%;min-width:max-content;padding:var(--space-8) var(--space-12);border-radius:var(--radius-16);color:var(--color-text-primary);display:flex}.header__category-link:hover{background:var(--color-background-light)}.header__category-link--child{padding:var(--space-12)}.header__categories-icon-img{width:24px;height:24px}.header__categories-arrow{margin-left:auto}.header__categories-modal,.header__category-group{flex-direction:column;display:flex}.header__category-main-link{align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-8);color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--ease-default);display:flex}.header__category-main-link:hover{background:var(--color-secondary-hover)}.header__category-children{gap:var(--space-4);flex-direction:column;margin-left:32px;display:flex}.header__category-child-link{padding:var(--space-8);border-radius:var(--radius-8);color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--ease-default);font-size:14px}.header__category-child-link:hover{background:var(--color-secondary-hover);color:var(--color-text-primary)}.header--theme-white .header__brand,.header--theme-white .header__search-pill,.header--theme-white .header__actions{background:var(--color-pill-surface);border:1px solid var(--color-pill-border);backdrop-filter:blur(16px)}.header--theme-white .header__circle,.header--theme-white .header__circle.button,.header--theme-white .header__search-trigger,.header--theme-white .header__create.button{background:var(--color-surface);color:var(--color-text)}.header--theme-white .header__circle svg path,.header--theme-white .header__circle.button svg path,.header--theme-white .header__search-trigger svg path,.header--theme-white .header__create.button svg path{fill:var(--color-text)}.header--theme-white .header__circle:hover,.header--theme-white .header__circle.button:hover,.header--theme-white .header__search-trigger:hover,.header--theme-white .header__create.button:hover{background:var(--color-background-light)}.header--theme-white .header__circle--active,.header--theme-white .header__circle--active.button{background:var(--color-secondary)}.header--theme-white .header__circle--completed svg path{fill:var(--color-orange-2)}.header--theme-white .header__search-trigger{color:var(--color-placeholder)}.header--theme-white .header__search-trigger-icon path,.header--theme-white .header__profile-arrow path{fill:var(--color-text)}.header--theme-white .field-input__input{background:var(--color-surface)}.header--theme-white.header--scrolled .header__brand,.header--theme-white.header--scrolled .header__search-pill,.header--theme-white.header--scrolled .header__actions{box-shadow:var(--shadow-pill)}.header--theme-transparent .header__brand,.header--theme-transparent .header__search-pill,.header--theme-transparent .header__actions{background:var(--color-glass-surface);border:1px solid var(--color-glass-border);backdrop-filter:blur(16px)}.header--theme-transparent .header__logo path{fill:var(--color-white)}.header--theme-transparent .header__circle,.header--theme-transparent .header__circle.button,.header--theme-transparent .header__create.button,.header--theme-transparent .header__sign-in.button{background:var(--color-glass-control);color:var(--color-white)}.header--theme-transparent .header__circle svg path,.header--theme-transparent .header__circle.button svg path,.header--theme-transparent .header__create.button svg path,.header--theme-transparent .header__sign-in.button svg path{fill:var(--color-white)}.header--theme-transparent .header__circle.header__circle--avatar,.header--theme-transparent .header__circle.button.header__circle--avatar,.header--theme-transparent .header__create.button.header__circle--avatar,.header--theme-transparent .header__sign-in.button.header__circle--avatar{background:var(--color-surface)}.header--theme-transparent .header__circle.header__circle--avatar svg path,.header--theme-transparent .header__circle.button.header__circle--avatar svg path,.header--theme-transparent .header__create.button.header__circle--avatar svg path,.header--theme-transparent .header__sign-in.button.header__circle--avatar svg path{fill:var(--color-text-secondary)}.header--theme-transparent .header__circle:hover,.header--theme-transparent .header__circle.button:hover,.header--theme-transparent .header__create.button:hover,.header--theme-transparent .header__sign-in.button:hover{background:var(--color-glass-control-hover);backdrop-filter:none}.header--theme-transparent .header__circle.header__circle--active,.header--theme-transparent .header__circle.button.header__circle--active,.header--theme-transparent .header__create.button.header__circle--active,.header--theme-transparent .header__sign-in.button.header__circle--active{background:var(--color-glass-control-active)}.header--theme-transparent .header__circle.header__circle--completed svg path,.header--theme-transparent .header__circle.button.header__circle--completed svg path,.header--theme-transparent .header__create.button.header__circle--completed svg path,.header--theme-transparent .header__sign-in.button.header__circle--completed svg path{fill:var(--color-orange-2)}.header--theme-transparent .header__categories,.header--theme-transparent .header__profile-wrapper{background:0 0}.header--theme-transparent .header__search-trigger{background:var(--color-glass-control);color:rgb(var(--color-white-rgb)/78%)}.header--theme-transparent .header__search-trigger-icon path,.header--theme-transparent .header__profile-arrow path{fill:var(--color-white)}.header--theme-transparent .header__profile{padding-right:var(--space-4);background:var(--color-glass-control)}.header--theme-transparent .field-input__input{background:var(--color-glass-control)}.header--theme-transparent .button--theme-blue .button__ripple{background-color:rgb(var(--color-white-rgb)/40%)}.header--theme-transparent .header__guest-menu .header__sign-in.button,.header--theme-white .header__guest-menu .header__sign-in.button{background:var(--color-secondary);color:var(--color-text)}.header--theme-transparent .header__guest-menu .header__sign-in.button:hover,.header--theme-white .header__guest-menu .header__sign-in.button:hover{background:var(--color-secondary-hover)}.header-ssr{display:none}@media (max-width:575px){.header-ssr--xs{display:contents}}@media (min-width:576px) and (max-width:767px){.header-ssr--sm{display:contents}}@media (min-width:768px) and (max-width:1199px){.header-ssr--md{display:contents}}@media (min-width:1200px) and (max-width:1464px){.header-ssr--lg{display:contents}}@media (min-width:1465px){.header-ssr--xl{display:contents}}
.theme-toggle{background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:background-color .25s;display:flex}.theme-toggle:hover,.theme-toggle:active{background-color:#80808024}.theme-toggle:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.theme-toggle__icons{width:20px;height:20px;display:block;position:relative;overflow:hidden}.theme-toggle__icon{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.2,.64,1),opacity .25s;display:flex;position:absolute;inset:0;transform:translateY(110%)}.theme-toggle__icon svg{width:20px;height:20px}.theme-toggle__icon--active{opacity:1;transform:translateY(0)}.theme-toggle--theme-transparent svg *,.theme-toggle--theme-transparent path{fill:var(--color-white)}.theme-toggle--theme-transparent:hover,.theme-toggle--theme-transparent:active{backdrop-filter:blur(8px);background-color:#ffffff24}
.main{position:relative}.skip-link{z-index:12000;top:var(--space-8);left:var(--space-8);padding:var(--space-8) var(--space-16);background:var(--color-surface);border-radius:var(--radius-8);box-shadow:var(--shadow-lg);color:var(--color-text-primary);font-weight:var(--weight-medium);transform:translateY(calc(-100% - var(--space-16)));transition:transform var(--duration-base) var(--ease-default);position:fixed}.skip-link:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%);transform:translateY(0)}.layout{flex-direction:column;min-height:100vh;display:flex;position:relative}@supports (height:100dvh){.layout{min-height:100dvh}}.layout{padding-top:calc(var(--header-stack-height));background:var(--color-gray-3)}.layout:before{content:"";background:linear-gradient(180deg, rgb(var(--color-primary-rgb)/.02) 0%, rgb(var(--color-gray-rgb-3)/0) 100%);width:100%;height:600px;display:block;position:absolute;top:0}.layout--full{padding-top:0}