@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Inter+Tight:wght@300;400;500;600&display=swap";.icon-button{width:var(--size-2xl);height:var(--size-2xl);border-radius:var(--radius-xxs);background:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}@media (hover:hover){.icon-button:hover{background:var(--color-super-light-gray)}}.icon-button img{width:var(--size-m);height:var(--size-m)}.dropdown-menu{background:var(--color-white);border-radius:var(--radius-xxs);padding:var(--size-4xs);gap:var(--size-4xs);width:194px;box-shadow:var(--shadow-menu);z-index:300;flex-direction:column;display:flex}.dropdown-menu__item{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-3xs);text-align:left;width:100%;color:var(--color-black);display:flex}.dropdown-menu__item:hover{background:var(--color-light-gray)}.dropdown-menu__item:disabled{opacity:.4;cursor:default;pointer-events:none}.account-dropdown-wrap{display:contents}.account-dropdown{background:var(--color-white);padding:var(--size-4xs);border-radius:var(--radius-xxs);align-items:center;gap:10px;transition:background-color .15s;display:flex}@media (hover:hover){.account-dropdown:hover{background:var(--color-super-light-gray)}}.account-dropdown__avatar{border-radius:var(--radius-xxs);background:var(--color-light-purple);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-dropdown__name{text-align:left;flex-direction:column;width:120px;display:flex}.account-dropdown__name strong{font-family:var(--text-s-medium-family);font-size:14px;font-weight:500;line-height:var(--size-m);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-dropdown__role{color:var(--color-black-50)}.account-dropdown__chevron{flex-shrink:0;width:22px;height:13.556px;transition:transform .15s}.account-dropdown[aria-expanded=true] .account-dropdown__chevron{transform:rotate(180deg)}.header{z-index:35;padding:var(--size-m) 80px;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{align-items:center;gap:var(--size-m);display:flex}.logo{width:99.465px;height:19.578px;display:block}.menu-toggle{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;width:24px;height:24px;padding-top:2px;display:none}.menu-toggle__bar{background:var(--color-black);border-radius:1px;height:3px;transition:background-color .2s,width .2s,align-self .2s}.menu-toggle__bar--full{width:100%}.menu-toggle__bar--mid{width:16px}.menu-toggle__bar--small{width:8px}.menu-toggle--open .menu-toggle__bar{background:var(--color-purple)}.menu-toggle--open .menu-toggle__bar--mid,.menu-toggle--open .menu-toggle__bar--small{align-self:flex-end}.nav{align-items:center;gap:var(--size-s);display:flex}.nav-button{padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);background:var(--color-light-gray);color:var(--color-black);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);transition:background-color .15s}.nav-button.is-active{background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.nav-button:hover:not(.is-active){background:var(--color-black-10)}.nav-button.is-active:hover{background:var(--color-purple-hover)}}.action-bar{align-items:start;gap:var(--size-3xs);display:flex;position:relative}@media (width>=1024px){.nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=1023px){.header{padding:var(--size-m)}}@media (width<=640px){.menu-toggle{display:flex}.nav,.action-bar .account-dropdown-wrap{display:none}.header--menu-open{background:var(--color-white)}}.mobile-menu-backdrop{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));opacity:0;pointer-events:none;z-index:32;transition:opacity .2s;display:none;position:fixed;inset:0}.mobile-menu{gap:var(--size-xxs);background:var(--color-white);border-radius:0 0 var(--radius-m) var(--radius-m);padding:0 var(--size-m) var(--size-m);opacity:0;pointer-events:none;z-index:33;flex-direction:column;max-height:calc(100vh - 80px);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;display:none;position:fixed;top:80px;left:0;right:0;overflow-y:auto;transform:translateY(-100%)}@media (width<=640px){.mobile-menu-backdrop{display:block}.mobile-menu{display:flex}.mobile-menu-backdrop--open{opacity:1;pointer-events:auto}.mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}}.mobile-menu__account{align-items:center;gap:var(--size-xxs);width:100%;padding:var(--size-3xs);display:flex}.mobile-menu__avatar{border-radius:var(--radius-xxs);background:var(--color-light-purple);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-menu__avatar .icon-mask{width:14px;height:14px}.mobile-menu__account-info{gap:var(--size-4xs);flex-direction:column;min-width:0;display:flex}.mobile-menu__account-info strong{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu__account-role{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50)}.mobile-menu__separator{background:var(--color-black-10);flex-shrink:0;width:100%;height:1px}.mobile-menu__item{align-items:center;gap:var(--size-xxs);width:100%;padding:var(--size-s);border-radius:var(--radius-3xs);color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);transition:background-color .15s;display:flex}.mobile-menu__item-icon{background-color:var(--color-purple);flex-shrink:0;width:18px;height:18px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mobile-menu__item--active{color:var(--color-purple)}.mobile-menu__item:active{background:var(--color-black-10)}.card{background:var(--color-white);border-radius:var(--radius-m);width:873px;max-width:100%}.separator{background:var(--color-black-10);border:none;flex-shrink:0;margin:0}.separator--vertical{align-self:stretch;width:1px}.separator--horizontal{width:100%;height:1px}.current-project{gap:var(--size-4xs);flex-direction:column;width:100%;display:flex}.field-label{color:var(--color-black-36)}.project-picker{justify-content:space-between;align-items:center;gap:var(--size-3xs);border-radius:var(--radius-3xs);padding:var(--size-3xs) var(--size-3xs) var(--size-3xs) var(--size-s);cursor:pointer;transition:filter .15s;display:flex}@media (hover:hover){.project-picker:hover{filter:brightness(.97)}}.project-picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-inter-tight);flex:1;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.project-picker__change{background:var(--btn-color);border-radius:var(--radius-m);padding:var(--size-4xs) var(--size-3xs);color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);border:none;flex-shrink:0}.project-picker--create{justify-content:center;gap:var(--size-3xs);width:100%;padding:var(--size-xxs) var(--size-s);background:var(--color-purple);font:inherit;border:none;transition:background-color .15s}@media (hover:hover){.project-picker--create:hover{background:var(--color-purple-hover)}}.project-picker__create-icon{background-color:var(--color-white);flex-shrink:0;width:14px;height:14px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-picker__create-text{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes project-picker-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.project-picker--shake{animation:.4s project-picker-shake}.btn{color:var(--color-white);background:var(--color-purple);white-space:nowrap;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}@media (hover:hover){.btn:not(.btn--danger):not(.btn--disabled):not(.btn--neutral):not(.btn--inactive):hover{background:var(--color-purple-hover)}}.btn--neutral{background:var(--color-black-10);color:var(--color-black-36)}@media (hover:hover){.btn--neutral:hover{color:var(--color-black-50)}}.btn--solid{border-radius:var(--radius-xs);padding:var(--size-4xs) var(--size-3xs);font-size:var(--size-xs);line-height:var(--size-s)}.btn--pill{border-radius:var(--radius-xl);padding:var(--size-3xs) var(--size-xs);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m)}.btn--danger{background:var(--color-error)}.btn--disabled{background:var(--color-light-purple);cursor:default;pointer-events:none}.btn--inactive{background:var(--color-light-purple)}.current-task{gap:var(--size-4xs);flex-direction:column;width:100%;display:flex}@keyframes current-task-content-in{0%{opacity:0}to{opacity:1}}.current-task__box{background:var(--color-light-gray);border-radius:var(--radius-xs);padding:var(--size-xs);border:1px solid #0000;max-width:100%;transition:border-color .15s,background-color .15s,width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);animation:.2s current-task-content-in;display:flex;overflow:hidden}.current-task__box:focus-within{background:var(--color-super-light-gray);border-color:var(--color-purple)}.current-task__box--entry{gap:var(--size-4xs);flex-direction:column;width:344px}.current-task__box--collapsed,.current-task__box--reedit{gap:var(--size-3xs);flex-direction:row}.current-task__box--collapsed{align-items:flex-start;width:fit-content;min-height:46px;max-height:124px}.current-task__box--reedit{align-items:flex-start;width:344px;min-height:46px;max-height:124px}@media (width<=767px){.current-task__box--entry,.current-task__box--reedit{width:100%}}@keyframes current-task-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.current-task__box--shake{border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-super-light-purple);animation:.4s current-task-shake}.current-task__box--entry textarea{resize:none;width:100%;color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);min-height:36px;max-height:calc(var(--size-m) * 4);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:none;overflow-y:auto}.current-task__box textarea:focus{outline:none}.current-task__box textarea::placeholder{color:var(--color-black-36)}.current-task__footer{justify-content:flex-end;display:flex}.current-task__pill-text{color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);-webkit-line-clamp:4;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-task__input{resize:none;min-width:0;color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:none;flex:1;min-height:22px;max-height:100px;overflow-y:auto}.current-task__input:focus{outline:none}.current-task__reedit-actions{align-items:center;gap:var(--size-4xs);flex-shrink:0;display:flex}.current-task__pill-button{background:var(--color-black-10);color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-xs);flex-shrink:0;transition:background-color .15s}@media (hover:hover){.current-task__pill-button:hover{background:var(--color-black-20)}}.current-task__pill-button--save{background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.current-task__pill-button--save:hover{background:var(--color-purple-hover)}}.project-and-task{gap:var(--size-3xs);flex-direction:column;flex-shrink:0;align-items:flex-start;width:344px;max-width:100%;display:flex}@media (width<=767px){.project-and-task{width:100%}}.current-task-hint{gap:var(--size-s);background:var(--color-super-duper-light-purple);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-purple);flex-direction:column;display:flex}.current-task-hint__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);margin:0}.current-task-hint__text{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);margin:0}.timer-panel{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.timer-display{font-family:var(--text-timer-family);font-weight:var(--text-timer-weight);font-size:var(--text-timer-size);line-height:var(--text-timer-line);color:var(--color-black-36);white-space:nowrap}.timer-display--running{color:var(--color-purple)}.money-and-activity{justify-content:space-between;align-items:stretch;gap:var(--size-3xs);display:flex}.earned{background:var(--color-light-gray);border-radius:var(--radius-m);padding:var(--size-3xs) var(--size-xs);width:86px;color:var(--color-purple);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;display:flex}@media (width<=1023px){.timer-display{font-size:58px;line-height:58px}}@media (width<=767px){.timer-panel{align-items:center;gap:var(--size-s);width:100%}.timer-display{font-size:74px;line-height:74px}.money-and-activity{flex-direction:column;width:100%}.earned.text-s-medium{border-radius:var(--radius-s);width:100%;height:54px;font-size:var(--size-m);line-height:var(--size-m)}.start-working{border-radius:var(--radius-s);width:100%;padding:var(--size-m) 24px;font-size:var(--size-m);text-align:center;flex:none;justify-content:center}}.time-tracker{gap:var(--size-xl);padding:var(--size-xl);display:flex}@media (width<=767px){.time-tracker{padding:var(--size-m);align-items:center;gap:var(--size-s);flex-direction:column}.time-tracker .separator--vertical{display:none}}.project-badge{max-width:100%;padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:14px;line-height:var(--size-m);white-space:nowrap;text-overflow:ellipsis;align-items:center;display:inline-flex;overflow:hidden}.history-row{align-items:flex-start;gap:var(--size-xl);width:100%;display:flex;position:relative}@media (hover:hover) and (width>=641px){.history-row{z-index:0}.history-row:before{content:"";inset:calc(var(--size-3xs) * -1) calc(var(--size-xxs) * -1);z-index:-1;border-radius:var(--radius-xs);pointer-events:none;background:0 0;transition:background-color .15s;position:absolute}.history-row:hover:before{background:var(--color-medium-light-gray)}}.history-date{flex-shrink:0;width:86px}.history-date--muted{opacity:0}.history-entry{display:contents}.history-project{flex-shrink:0;width:100px;min-width:0}.history-task{min-width:0;color:var(--color-black);-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.history-task--muted{color:var(--color-black-50)}.history-worktime{gap:var(--size-4xs);flex-direction:column;flex-shrink:0;width:86px;display:flex}.history-worktime strong,.history-worktime span{white-space:nowrap}.history-worktime strong{font-weight:600}.history-worktime span{color:var(--color-black-50)}.history-earned{text-align:right;flex-shrink:0;width:86px}.history-earned strong{font-weight:600}.history-group{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.history{gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;display:flex}.history-table{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.history-head{align-items:center;gap:var(--size-xl);color:var(--color-black-36);width:100%;display:flex}.history-head span:first-child,.history-head span:nth-child(4){flex-shrink:0;width:86px}.history-head span:nth-child(2){flex-shrink:0;width:100px}.history-head span:nth-child(3){flex:1}.history-head span:nth-child(5){text-align:right;flex-shrink:0;width:86px}.history-mobile-card{display:none}.history-empty-content{align-items:flex-start;gap:var(--size-xs);flex-direction:column;width:100%;display:flex}@media (width<=640px){.history{display:contents}.history-table{display:none}.history-mobile-card{align-items:flex-start;gap:var(--size-xs);background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);flex-direction:column;display:flex}.history-empty-content{background:var(--color-white);border-radius:var(--radius-m);padding:var(--size-m)}.history-mobile-day-label{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.history-mobile-session{align-items:flex-start;gap:var(--size-xs);border:1px solid var(--color-light-gray);border-radius:var(--radius-m);width:100%;padding:var(--size-xs);flex-direction:column;display:flex}.history-mobile-session__head{align-items:flex-start;gap:var(--size-3xs);flex-direction:column;width:100%;display:flex}.history-mobile-session__badge{padding:var(--size-3xs) var(--size-xs);font-size:var(--size-m);border-radius:var(--radius-3xs)}.history-mobile-session__task{width:100%;font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.history-mobile-session__task--muted{color:var(--color-black-50)}.history-mobile-session__stats{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.history-mobile-session__stat{background:var(--color-light-gray);border-radius:var(--radius-xs);min-width:0;padding:var(--size-xs);gap:var(--size-3xs);flex-direction:column;flex:1;display:flex}.history-mobile-session__stat--earned{justify-content:space-between;align-self:stretch}.history-mobile-session__stat-label{font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36)}.history-mobile-session__value-group{gap:var(--size-4xs);flex-direction:column;display:flex}.history-mobile-session__time{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.history-mobile-session__duration,.history-mobile-session__amount{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);margin:0}}.history-empty__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.history-empty__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.project-card{background:var(--color-light-gray);border-radius:var(--radius-s);padding:var(--size-s);justify-content:space-between;gap:var(--size-xxs);cursor:pointer;flex-direction:column;flex:180px;transition:background-color .15s,width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (hover:hover){.project-card:not(.project-card--current):hover{background:var(--color-black-10)}}.project-card--current{background:var(--card-chip);border:1px solid var(--card-color);box-shadow:0 0 var(--size-s) 0 color-mix(in srgb, var(--card-color) 30%, transparent)}.project-card__top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.project-card__identity{align-items:center;gap:var(--size-4xs);background:var(--color-white);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);min-width:0;display:flex}.project-card__identity--accent{background:var(--card-color)}.project-card__identity--accent .project-card__name{color:var(--color-white)}.project-card__name{font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card__badge{background:var(--card-color);color:var(--color-white);font-family:var(--font-inter);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:2px var(--size-4xs);border-radius:var(--size-4xs);white-space:nowrap}.project-card__menu{flex-shrink:0;position:relative}.project-card__menu-trigger{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.project-card__menu-icon{background-color:var(--color-black-20);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.project-card__menu-trigger:hover .project-card__menu-icon{background-color:var(--color-black-50)}}.project-card__stats{gap:var(--size-xxs);flex-direction:column;width:100%;display:flex}.project-card__rec{align-items:center;gap:var(--size-4xs);background:var(--color-black);color:var(--color-white);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);flex-shrink:0;width:86px;display:flex}@keyframes project-card-rec-blink{0%,to{opacity:1}50%{opacity:.25}}.project-card__rec-dot{background:var(--color-error);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s ease-in-out infinite project-card-rec-blink}.project-card__stat{gap:var(--size-5xs);flex-direction:column;width:100%;display:flex}.project-card__stat-label{color:var(--color-black-50);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m)}.project-card__stat-value{color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m)}.project-card__hint{background:var(--color-black);color:var(--color-white);font-family:var(--font-inter);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--size-4xs);white-space:nowrap;pointer-events:none;z-index:100;position:fixed}.edit-project{gap:var(--size-xl);flex-direction:column;width:100%;display:flex}.edit-project__header{align-items:center;gap:var(--size-3xs);width:100%;display:flex}.edit-project__title{font-family:var(--font-inter-tight);color:var(--color-black);flex:1;margin:0;font-size:24px;font-weight:600;line-height:30px}.edit-project__close{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:none}.edit-project__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.edit-project__close:hover .edit-project__close-icon{background-color:var(--color-black-50)}}.edit-project__pill{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-m);border-radius:var(--radius-xl);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);white-space:nowrap;display:flex}.edit-project__back{padding:var(--size-3xs) var(--size-xs);background:var(--color-light-gray);color:var(--color-black);gap:2px}.edit-project__back-icon{width:14px;height:14px}.edit-project__fields{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.edit-project__row{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.edit-project__field{gap:var(--size-4xs);flex-direction:column;flex:1;min-width:0;display:flex}.edit-project__input{background:var(--color-light-gray);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);border:1px solid #0000;transition:border-color .15s,background-color .15s}.edit-project__input:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.edit-project__required{color:var(--color-error);margin-left:2px}.edit-project__input--error{border-color:var(--color-error);background:#ffeff4}.edit-project__field-hint{color:var(--color-error);font-family:var(--font-inter-tight);font-size:var(--size-xs);line-height:1.3}.edit-project__input--error:focus{border-color:var(--color-error);background:#ffeff4}.edit-project__rate-row{align-items:center;gap:var(--size-xs);width:100%;display:flex}.edit-project__rate-input{appearance:textfield;flex:1;min-width:0}.edit-project__rate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-project__rate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-project__currency{flex-shrink:0;width:210px;position:relative}.edit-project__currency-trigger{justify-content:space-between;align-items:center;gap:var(--size-3xs);background:var(--color-light-gray);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);cursor:pointer;display:flex}.edit-project__currency-trigger-value{align-items:center;gap:var(--size-3xs);min-width:0;display:flex;overflow:hidden}.edit-project__currency-symbol{flex-shrink:0}.edit-project__currency-name{color:var(--color-black-36)}.edit-project__currency-chevron{flex-shrink:0;width:14px;height:14px}.edit-project__currency-menu{background:var(--color-white);border-radius:var(--radius-xxs);padding:var(--size-4xs);box-shadow:var(--shadow-menu);z-index:300}.edit-project__currency-option{justify-content:space-between;align-items:center;gap:var(--size-3xs);width:100%;padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-3xs);color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);display:flex}@media (hover:hover){.edit-project__currency-option:hover{background:var(--color-light-gray)}}.edit-project__palette{background:var(--color-light-gray);border-radius:var(--radius-xl);width:100%;padding:var(--size-xs);justify-content:space-between;align-items:center;display:flex}.edit-project__swatch{border-radius:var(--radius-m);cursor:pointer;border:4px solid #0000;justify-content:center;align-items:center;width:58px;height:36px;transition:border-color .15s;display:flex}.edit-project__swatch--selected{border-color:var(--color-white)}@media (hover:hover){.edit-project__swatch:not(.edit-project__swatch--selected):hover{border-color:#fff6}}.edit-project__swatch-dot{background:var(--color-white);border-radius:50%;width:8px;height:8px}.edit-project__actions{justify-content:space-between;align-items:center;width:100%;display:flex}.edit-project__actions-right{align-items:center;gap:var(--size-xxs);display:flex}.edit-project__delete{color:var(--color-error);background:#ffeff4;transition:background-color .15s}.edit-project__delete:disabled{opacity:.5;cursor:default;pointer-events:none}@media (hover:hover){.edit-project__delete:not(:disabled):hover{background:color-mix(in srgb, var(--color-error) 16%, #ffeff4)}}.edit-project__cancel{background:var(--color-light-gray);color:var(--color-black);transition:background-color .15s}@media (hover:hover){.edit-project__cancel:hover{background:var(--color-black-10)}}.edit-project__archive{background:var(--color-purple);color:var(--color-white);transition:background-color .15s}@media (hover:hover){.edit-project__archive:hover{background:var(--color-purple-hover)}}.edit-project__confirm-message{max-width:350px;font-family:var(--font-inter-tight);color:var(--color-black);margin:0;font-size:24px;font-weight:600;line-height:30px}.edit-project__confirm-hint{max-width:350px;font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.edit-project__save{background:var(--color-purple);color:var(--color-white);font-weight:600}.edit-project__save:disabled{background:var(--color-light-purple);cursor:default;pointer-events:none}@media (width<=640px){.edit-project{gap:var(--size-m)}.edit-project__back{display:none}.edit-project__close{display:flex}.edit-project__row{flex-direction:column;align-items:stretch}.edit-project__input,.edit-project__currency-trigger{height:52px;padding:var(--size-s);font-size:var(--size-m);line-height:24px}.edit-project__currency-trigger:not(.edit-project__currency-trigger--open) .edit-project__currency-name{display:none}.edit-project__currency-trigger--open .edit-project__currency-chevron{transform:rotate(-90deg)}.edit-project__currency-menu--mobile{width:268px;max-width:calc(100vw - 36px);padding:var(--size-s);border-radius:var(--radius-xs);flex-direction:column;display:flex}.edit-project__currency-menu--mobile .edit-project__currency-menu-title{padding:0 var(--size-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);color:var(--color-purple);margin:0;line-height:24px}.edit-project__currency-menu--mobile .edit-project__currency-option{padding:var(--size-xs) var(--size-3xs);font-size:var(--size-m);line-height:24px}.edit-project__palette{gap:var(--size-xs);border-radius:var(--radius-xs);grid-template-columns:repeat(5,1fr);display:grid}.edit-project__swatch{border-radius:var(--radius-xs);width:auto;height:44px}.edit-project__actions{align-items:stretch;gap:var(--size-xs);flex-direction:column-reverse}.edit-project__actions-spacer{display:none}.edit-project__actions-right{justify-content:space-between}.edit-project__pill{padding:var(--size-m) 24px;border-radius:var(--radius-s);font-size:var(--size-m);line-height:var(--size-m);justify-content:center}.edit-project__actions-right .edit-project__pill{flex:1}}.change-project-overlay{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));backdrop-filter:blur(var(--size-4xs));padding:var(--size-m);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.change-project-popup{background:var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-m);gap:var(--size-xs);flex-direction:column;width:720px;max-width:100%;max-height:100%;display:flex;overflow-y:auto}.change-project-popup__header{justify-content:space-between;align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.change-project-popup__head{flex-direction:column;gap:5px;display:flex}.change-project-popup__title{font-family:var(--text-s-bold-family);color:var(--color-black);margin:0;font-size:24px;font-weight:600;line-height:30px}.change-project-popup__subtitle{color:var(--color-black-50);margin:0}.change-project-popup__close{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.change-project-popup__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.change-project-popup__close:hover .change-project-popup__close-icon{background-color:var(--color-black-50)}}.change-project-popup__grid{gap:var(--size-xs);flex-wrap:wrap;width:100%;display:flex}.create-project-card{background:var(--color-purple);border-radius:var(--radius-s);min-height:86px;padding:var(--size-s);text-align:left;flex-direction:column;flex:180px;justify-content:space-between;width:100%;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .15s;display:flex}@media (hover:hover){.create-project-card:hover{background:var(--color-purple-hover)}}.create-project-card__top{width:100%;color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);justify-content:space-between;align-items:center;display:flex}.create-project-card__icon{background-color:var(--color-white);flex-shrink:0;width:18px;height:18px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.create-project-card__subtitle{color:var(--color-white);font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);margin:0}.upgrade-card{background:var(--color-purple);border-radius:var(--radius-s);min-height:86px;padding:var(--size-s);justify-content:center;align-items:center;gap:var(--size-xs);text-align:center;color:var(--color-white);flex-direction:column;flex:180px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex}.upgrade-card__text{gap:var(--size-3xs);flex-direction:column;align-items:center;display:flex}.upgrade-card__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);margin:0}.upgrade-card__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);margin:0}.upgrade-card__button{align-items:center;gap:var(--size-4xs);background:var(--color-black);color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-xl);transition:background-color .15s;display:flex}.upgrade-card__button-star{flex-shrink:0;width:12px;height:12px}@media (hover:hover){.upgrade-card__button:hover{background:var(--color-black-70)}}@media (width<=640px){.change-project-overlay{align-items:flex-end;padding:0}.change-project-popup{border-radius:var(--radius-m) var(--radius-m) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--size-m)}.change-project-popup__grid .project-card,.change-project-popup__grid .upgrade-card,.change-project-popup__grid .create-project-card{flex-basis:100%}}@keyframes toast-in{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}.toast{top:var(--size-3xlk);width:360px;max-width:calc(100% - var(--size-m) * 2);-webkit-backdrop-filter:blur(var(--size-xs));border:1px solid var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-s);z-index:300;background:#fff6;transition:background-color .25s;animation:.45s cubic-bezier(.16,1,.3,1) forwards toast-in;position:fixed;right:80px;overflow:hidden}.toast--opaque{background:var(--color-white)}@media (width<=1023px){.toast{right:var(--size-m)}}.toast__row{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.toast__icon{width:var(--size-m);height:var(--size-m);background-color:var(--color-purple);flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toast__content{align-items:flex-start;gap:var(--size-xs);flex-direction:column;flex:1;min-width:0;display:flex}.toast__text{color:var(--color-black);margin:0}.toast__undo{background:var(--color-black);color:var(--color-white);padding:var(--size-3xs) var(--size-m);border-radius:var(--radius-xl);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);flex-shrink:0}.toast__close{width:var(--size-m);height:var(--size-m);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.toast__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.toast__close:hover .toast__close-icon{background-color:var(--color-black-50)}}.toast__progress-track{height:var(--size-4xs);position:absolute;bottom:0;left:0;right:0}.toast__progress-bar{background:var(--color-purple);border-radius:var(--radius-xs);width:100%;height:100%;transition-property:width;transition-timing-function:linear}.page{flex-direction:column;align-items:center;gap:24px;padding:0 80px 80px;display:flex}@media (width<=1023px){.page{padding:0 var(--size-m) var(--size-m)}}@media (width<=640px){.page{gap:var(--size-xs)}}:root{--color-black:#1c1c1c;--color-black-70:#1c1c1cb3;--color-black-50:#1c1c1c80;--color-black-36:#1c1c1c5c;--color-black-20:#1c1c1c33;--color-black-10:#1c1c1c1a;--color-white:#fff;--color-super-light-gray:#fbfbfb;--color-medium-light-gray:#f9f9f9;--color-purple:#6e45ff;--color-purple-hover:#825fff;--color-light-purple:#dfd5ff;--color-super-light-purple:#ede7ff;--color-super-duper-light-purple:#f4f0ff;--color-light-gray:#f4f4f4;--color-error:#f41a5c;--project-blue:#3b82f6;--project-orange:#f97316;--project-teal:#14b8a6;--project-red:#ef4444;--project-sky:#0ea5e9;--project-amber:#f59e0b;--project-fuchsia:#c026d3;--project-green:#16a34a;--project-pink:#ec4899;--project-brown:#a16207;--project-blue-chip:color-mix(in srgb, var(--project-blue) 12.5%, white);--project-orange-chip:color-mix(in srgb, var(--project-orange) 12.5%, white);--project-teal-chip:color-mix(in srgb, var(--project-teal) 12.5%, white);--project-red-chip:color-mix(in srgb, var(--project-red) 12.5%, white);--project-sky-chip:color-mix(in srgb, var(--project-sky) 12.5%, white);--project-amber-chip:color-mix(in srgb, var(--project-amber) 12.5%, white);--project-fuchsia-chip:color-mix(in srgb, var(--project-fuchsia) 12.5%, white);--project-green-chip:color-mix(in srgb, var(--project-green) 12.5%, white);--project-pink-chip:color-mix(in srgb, var(--project-pink) 12.5%, white);--project-brown-chip:color-mix(in srgb, var(--project-brown) 12.5%, white);--shadow-elevated:0 12px 86px #1c1c1c1a;--shadow-menu:0 12px 32px #1c1c1c24;--size-zero:0px;--size-5xs:2px;--size-4xs:4px;--size-3xs:8px;--size-xxs:10px;--size-xs:12px;--size-s:14px;--size-m:18px;--size-large:10px;--size-xl:36px;--size-2xl:44px;--size-3xlk:86px;--size-4xl:96px;--size-5xl:120px;--size-6xl:180px;--radius-3xs:var(--size-3xs);--radius-xxs:var(--size-xxs);--radius-xs:var(--size-xs);--radius-s:var(--size-s);--radius-m:var(--size-m);--radius-xl:var(--size-xl);--radius-pill:999px;--font-inter:"Inter", sans-serif;--font-inter-tight:"Inter Tight", sans-serif;--text-s-regular-family:var(--font-inter-tight);--text-s-regular-weight:400;--text-s-regular-size:var(--size-s);--text-s-regular-line:var(--size-m);--text-s-medium-family:var(--font-inter-tight);--text-s-medium-weight:500;--text-s-medium-size:var(--size-s);--text-s-medium-line:var(--size-m);--text-s-bold-family:var(--font-inter-tight);--text-s-bold-weight:600;--text-s-bold-size:var(--size-s);--text-s-bold-line:var(--size-m);--text-input-name-family:var(--font-inter);--text-input-name-weight:400;--text-input-name-size:var(--size-xs);--text-input-name-line:var(--size-s);--text-timer-family:var(--font-inter-tight);--text-timer-weight:300;--text-timer-size:var(--size-4xl);--text-timer-line:var(--size-4xl)}.text-s-regular{font-family:var(--text-s-regular-family);font-weight:var(--text-s-regular-weight);font-size:var(--text-s-regular-size);line-height:var(--text-s-regular-line)}.text-s-medium{font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--text-s-medium-size);line-height:var(--text-s-medium-line)}.text-s-bold{font-family:var(--text-s-bold-family);font-weight:var(--text-s-bold-weight);font-size:var(--text-s-bold-size);line-height:var(--text-s-bold-line)}.text-input-name{font-family:var(--text-input-name-family);font-weight:var(--text-input-name-weight);font-size:var(--text-input-name-size);line-height:var(--text-input-name-line)}.text-timer{font-family:var(--text-timer-family);font-weight:var(--text-timer-weight);font-size:var(--text-timer-size);line-height:var(--text-timer-line)}.icon-mask{background-color:var(--color-purple);flex-shrink:0;width:14px;height:14px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-light-gray);color:var(--color-black);font-family:var(--font-inter-tight);min-height:100vh}button{font:inherit;cursor:pointer;background:0 0;border:none}img,svg{display:block}input,textarea{caret-color:var(--color-purple)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}