*{box-sizing:border-box;padding:0;margin:0}body{position:relative;height:100vh;width:100vw;font-family:Orbitron,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:row;overflow:hidden}ul,li,ol{list-style:none}a{text-decoration:none;color:inherit}button{all:unset;cursor:pointer}:root{--color-background: #f4f1ea;--color-surface: #fbf9f4;--color-border: #d6cfc4;--color-shadow: rgba(40, 60, 70, .15);--color-text-primary: #1f2a2a;--color-text-secondary: #4e6a6a;--color-text-light: #8a9c98;--color-primary: #007f7a;--color-primary-light: #2fb7ad;--color-primary-lighter: rgba(0, 127, 122, .18);--color-error: #ff8c42;--color-accent: #ff8c42;--color-accent-light: #ffb074;--color-accent-lighter: rgba(255, 140, 66, .18);--color-hover: rgba(0, 127, 122, .1)}body.dark-theme{--color-background: #0b1416;--color-surface: #132124;--color-border: #1f3539;--color-shadow: rgba(0, 0, 0, .65);--color-text-primary: #e6f7f5;--color-text-secondary: #8fded6;--color-text-light: #4e7f7a;--color-primary: #2ecdc4;--color-primary-light: #66fff3;--color-primary-lighter: rgba(46, 205, 196, .25);--color-error: #ffb74d;--color-accent: #ffb74d;--color-accent-light: #ffd180;--color-accent-lighter: rgba(255, 183, 77, .25);--color-hover: rgba(102, 255, 243, .12)}.main-content{position:relative;margin-top:60px;height:calc(100vh - 60px);overflow-y:auto;background-color:var(--color-surface);flex:1;padding:20px 30px 30px;overflow-x:hidden}.main__tab{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width:768px){.main-content{padding:15px}}.nav{position:relative;width:220px;height:calc(100vh - 60px);top:60px;background-color:var(--color-background);border-right:1px solid var(--color-border);box-shadow:1px 0 5px var(--color-shadow);padding-top:20px;display:flex;flex-direction:column;justify-content:flex-start;z-index:100}.nav__list{display:flex;flex-direction:column;gap:6px;padding:0 12px}.nav__item{border-radius:10px;overflow:hidden}.nav__link{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border-radius:8px;background-color:transparent;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease,padding-left .2s ease-in-out}.nav__link:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;opacity:0;background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-primary) 40%,var(--color-accent) 40%,var(--color-accent) 70%,var(--color-primary-lighter) 66%,var(--color-primary-lighter) 100%);transition:width .3s ease-in-out;-webkit-clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,0 50%,0% 0%);clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,0 50%,0% 0%)}.nav__link:hover{background-color:var(--color-hover);color:var(--color-primary)}.nav__item--active .nav__link:before{width:40px;opacity:1}.nav__item--active .nav__link{padding-left:45px;background-color:var(--color-primary-lighter);color:var(--color-primary)}.nav__item--active .nav__icon{color:var(--color-primary)}.nav__icon{width:20px;text-align:center;font-size:16px;color:var(--color-text-light)}.nav__text{flex:1;font-weight:500}.nav__controls{width:100%;position:absolute;bottom:150px;display:flex;flex-direction:column;gap:10px;padding:0 16px}.nav__control-item{display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);transition:background-color .2s ease,color .2s ease}.nav__control-item i{font-size:1rem;width:20px;text-align:center;color:var(--color-text-light)}.nav__control-item:hover{background-color:var(--color-hover);color:var(--color-accent)}.nav__control-item:hover i{color:var(--color-accent)}.nav__control-theme{display:inline-flex;align-items:center;justify-content:space-between;height:24px;position:relative;width:48px}.nav__control-theme input{display:none}.nav__control-theme-slider{background-color:var(--color-text-light);bottom:0;cursor:pointer;transition:.4s;border-radius:80px;width:40px;height:20px}.nav__control-theme-slider:before{background-color:var(--color-background);bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px;border-radius:50%}.nav__control-theme input:checked+.nav__control-theme-slider{background-color:var(--color-primary)}.nav__control-theme input:checked+.nav__control-theme-slider:before{transform:translate(17px)}@media screen and (max-width:768px){.nav{width:200px;position:fixed;top:60px;right:0;left:auto;z-index:1000;transform:translate(100%);box-shadow:-1px 0 5px var(--color-shadow);transition:transform .3s ease-in-out}.nav.nav--active{transform:translate(0)}}.header{position:fixed;top:0;z-index:1000;width:100vw;height:60px;background:linear-gradient(180deg,var(--color-surface),var(--color-background));border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 15px}.header__logo{display:flex;align-items:center;gap:18px}.header__logo-img{width:56px;transition:transform .25s ease}.header__logo-img:hover{transform:scale(1.05)}.header__logo-text{font-size:1.7rem;font-weight:700;letter-spacing:.22em;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color .2s ease,letter-spacing .2s ease,transform .2s ease}.header__logo-text:hover{color:var(--color-primary-light);letter-spacing:.35em;transform:translate(3px)}.header__actions{display:flex;gap:40px;align-items:center;color:var(--color-text-secondary)}.header__user-info{font-weight:600;letter-spacing:.05em}.header__login-btn,.header__user-profile-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border-radius:999px;border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-background);font-weight:650;letter-spacing:.05em;transition:background-color .2s ease,color .2s ease,transform .2s ease}.header__login-btn:hover,.header__user-profile-btn:hover{background-color:var(--color-primary-light);transform:scale(1.05)}.header__login-btn--inactive{display:none}.header__bar-btn{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1rem;transition:color .2s ease,transform .2s ease}.header__bar-btn:hover{transform:scale(1.1)}.header__bar-btn--active{color:var(--color-accent)}@media screen and (max-width:768px){.header{padding-right:15px}.header__logo{gap:10px}.header__logo-img{width:40px}.header__logo-text{font-size:1.2rem;letter-spacing:.18em}.header__user-info{display:none}.header__actions{gap:20px}.header__bar-btn{display:inline-flex;align-items:center;justify-content:center}}.alert__wrapper{position:fixed;top:10px;left:50%;width:300px;height:0;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translate(-50%);transition:height .3s ease,opacity .3s ease;padding:15px 20px;z-index:20000}.alert__text{font-size:1.1rem;color:var(--color-text-secondary);font-weight:650;text-align:center}.alert__close{position:absolute;top:5px;right:5px;width:20px;height:20px;font-size:.9rem;transition:color .2s ease-in-out}.alert__close:hover{color:var(--color-error)}.alert__wrapper.show{opacity:.8;height:80px;pointer-events:auto}@media screen and (max-width:530px){.alert__wrapper{width:200px}.alert__text{font-size:.7rem}.alert__wrapper.show{height:60px;pointer-events:auto}}.login__overlay{position:fixed;inset:0;background-color:#00000073;z-index:9999;display:none;align-items:center;justify-content:center}.login__overlay--active{display:flex}.login__container{position:relative;width:360px;padding:24px;z-index:100;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 40px var(--color-shadow)}.login__wrapper{width:100%;display:flex;flex-direction:column;gap:20px}.login__header{text-align:center;font-size:1.4rem;font-weight:600;color:var(--color-text-primary)}.login__form{display:flex;flex-direction:column;gap:16px}.login__form-box{position:relative;width:100%}.login__form-box input{width:100%;padding:12px 10px;font-size:1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;outline:none;color:var(--color-text-primary)}.login__form-box input:focus{border-color:var(--color-primary-light)}.login__form-box label{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:.9rem;color:var(--color-text-light);pointer-events:none;background-color:var(--color-surface);padding:0 6px;transition:all .2s ease}.login__form-box input:focus+label,.login__form-box input:not(:placeholder-shown)+label{top:-6px;font-size:.75rem;color:var(--color-primary-light)}.login__btn{margin-top:10px;padding:12px;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.login__btn:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.login__switch{background:none;border:none;color:var(--color-primary-light);cursor:pointer;font-size:.9rem;text-align:center;margin-top:10px}.login__switch:hover{text-decoration:underline}@media screen and (max-width:400px){.login__container{width:90%}}.user-profile__overlay{display:none;position:fixed;inset:0;background-color:#00000073;align-items:center;justify-content:center;z-index:10000}.user-profile__overlay--active{display:flex}.user-profile__wrapper{width:360px;padding:24px;background-color:var(--color-surface);border-radius:12px;box-shadow:0 20px 40px var(--color-shadow);display:flex;flex-direction:column;gap:16px}.user-profile__icon{font-size:3.5rem;color:var(--color-primary);align-self:center}.user-profile__title{color:var(--color-text-light);font-size:1.7rem;font-weight:700;align-self:center;margin-bottom:15px}.user-profile__form-box{position:relative;margin-bottom:12px}.user-profile__form-box input{width:100%;padding:12px 10px;font-size:1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;outline:none;color:var(--color-text-primary)}.user-profile__form-box input:focus{border-color:var(--color-primary-light)}.user-profile__form-box label{width:100%;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:.9rem;color:var(--color-text-light);pointer-events:none;background-color:var(--color-surface);padding:0 6px;transition:all .2s ease}.user-profile__form-box input:focus+label,.user-profile__form-box input:not(:placeholder-shown)+label{width:auto;top:-2px;font-size:.75rem;color:var(--color-primary-light)}.user-profile__btns{display:flex;width:100%;gap:15px;margin-top:35px}.user-profile__btns button{box-sizing:border-box;padding:12px;flex:1;height:25px;display:flex;justify-content:center;align-items:center;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.user-profile__btn-save{background-color:var(--color-primary);color:var(--color-background);border:none}.user-profile__btn-save:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.user-profile__btn-cancel{background-color:var(--color-border);color:var(--color-text-primary);border:none}.user-profile__btn-cancel:hover{background-color:var(--color-hover)}.user-profile__btn-logout{background-color:var(--color-error);color:var(--color-background);border:none}.user-profile__btn-logout:hover{filter:brightness(1.05)}@media screen and (max-width:400px){.user-profile__wrapper{width:90%}}.loader__wrapper{width:100vw;height:100vh;position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#fff9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10001;overflow:hidden;opacity:1;pointer-events:auto;transition:opacity .25s ease}.loader__wrapper--hide{opacity:0;pointer-events:none}.loader__text{font-size:2rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.2em;font-weight:650;z-index:2}.loader__dot{margin-top:1.3rem;width:.27em;height:.27em;background-color:var(--color-text-secondary);border-radius:50%;display:inline-block;animation:jump 1.5s ease-in-out infinite;will-change:transform}.loader__dot:nth-child(1){animation-delay:0s}.loader__dot:nth-child(2){animation-delay:.2s}.loader__dot:nth-child(3){animation-delay:.4s}@keyframes jump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}.loader__wave--1,.loader__wave--2,.loader__wave--3,.loader__wave--4{width:2200px;height:2200px;border-radius:45%;position:absolute;left:50%;top:210%;will-change:transform}.loader__wave--1{background-color:var(--color-primary);opacity:.9;animation:rotate-left 10s linear infinite}.loader__wave--2{background-color:var(--color-primary-light);opacity:.6;animation:rotate-middle 14s linear infinite}.loader__wave--3{background-color:var(--color-primary-lighter);opacity:.8;animation:rotate-left 20s linear infinite}.loader__wave--4{background-color:var(--color-primary);opacity:.5;animation:rotate-right 16s linear infinite}@keyframes rotate-left{0%{transform:translate(-20%,-50%) rotate(360deg)}50%{transform:translate(-30%,-50%) rotate(180deg)}to{transform:translate(-20%,-50%) rotate(0)}}@keyframes rotate-right{0%{transform:translate(-80%,-50%) rotate(0)}50%{transform:translate(-70%,-50%) rotate(180deg)}to{transform:translate(-80%,-50%) rotate(360deg)}}@keyframes rotate-middle{0%{transform:translate(-55%,-50%) rotate(0)}50%{transform:translate(-45%,-50%) rotate(180deg)}to{transform:translate(-55%,-50%) rotate(360deg)}}@media screen and (max-width:530px){.loader__text{font-size:1.2rem}.loader__wave--1,.loader__wave--2,.loader__wave--3,.loader__wave--4{width:900px;height:900px;top:130%}}:root{--card-color: var(--color-primary)}.task{overflow:hidden;position:relative;width:100%;padding:10px 40px 10px 70px;border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;background-color:var(--color-background);background-image:linear-gradient(to right,var(--card-color),var(--card-color));background-repeat:no-repeat;background-size:50px 100%;transition:transform .2s ease-in-out,background-size .2s ease-in-out,opacity .2s ease-in-out}.task--fade-in{animation:fadeIn .2s ease-in-out}.task--fade-out{animation:fadeOut .2s ease-in-out}.task:hover{transform:scale(1.01);background-size:30px 100%}@keyframes fadeIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.task__header{display:flex;align-items:center;gap:30px}.task__checkbox{display:flex;align-items:center;cursor:pointer}.task__checkbox input{display:none}.checkbox__box{width:18px;height:18px;border:2px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,transform .12s ease}.checkbox__box:after{content:"";width:5px;height:9px;border-right:2px solid var(--color-background);border-bottom:2px solid var(--color-background);transform:rotate(45deg) scale(0);transition:transform .15s ease}.task__checkbox input:checked+.checkbox__box{background-color:var(--card-color);border-color:var(--card-color)}.task__checkbox input:checked+.checkbox__box:after{transform:rotate(45deg) scale(1)}.task__header-content{flex:1;display:flex;flex-direction:column;gap:6px}.task__title-input{all:unset;font-size:1rem;font-weight:700;color:var(--color-text-primary);padding:4px 6px;border-radius:6px}.task__title-input:focus{background:var(--color-hover)}.task__date{display:flex;align-items:center;gap:6px;color:var(--color-text-light)}.task__date-input{all:unset;font-size:13px;padding:2px 4px;border-radius:4px;border-bottom:2px solid var(--color-border)}.task__date-input:focus{background:var(--color-hover)}.task__date-separator{opacity:.6}.task__star:hover,.task__star-true{color:var(--card-color)}.task__delete:hover{color:var(--color-error)}.task__content{display:flex;position:relative;flex-direction:column;overflow:hidden;max-height:0;opacity:0;padding-top:0;transition:max-height .2s ease,opacity .2s ease,padding-top .2s ease}.task__content-line{margin-bottom:10px;height:20px;width:0;background-color:var(--color-accent);transition:width .3s ease-in-out;pointer-events:none;-webkit-clip-path:polygon(86px 0px,130px 17.6px,100% 17.2px,100% 20px,119px 20px,76px 2.6px,0px 3px,0px 0px);clip-path:polygon(86px 0px,130px 17.6px,100% 17.2px,100% 20px,119px 20px,76px 2.6px,0px 3px,0px 0px)}.task__content-subtitle{position:absolute;top:2px;left:0;padding-left:6px;color:var(--color-accent);font-size:.8rem;font-weight:700;letter-spacing:1px;background-color:var(--color-accent-lighter)}.task__content-subtitle:after{content:"";background-color:var(--color-accent-lighter);width:30px;height:100%;position:absolute;left:100%;top:0;-webkit-clip-path:polygon(0 0,0% 100%,100% 100%);clip-path:polygon(0 0,0% 100%,100% 100%)}.task:hover .task__content,.task:focus-within .task__content{max-height:500px;opacity:1;margin-top:10px}.task:hover .task__content-line,.task:focus-within .task__content-line{width:100%}.task__description-input{width:100%;resize:none;max-height:120px;border:none;outline:none;box-shadow:none;appearance:none;font-family:inherit;font-size:.85rem;line-height:1.4;color:var(--color-text-secondary);padding:6px 8px;border-radius:8px;background-color:transparent;transition:background .2s ease,box-shadow .2s ease;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.task__description-input:hover,.task__description-input:focus{background-color:var(--color-hover)}.task__description-input:focus{box-shadow:0 2px 0 var(--color-primary)}.task__description-input::placeholder{color:var(--color-text-light)}@media screen and (max-width:768px){.task{padding-right:20px;background-color:var(--color-background);background-image:linear-gradient(to right,var(--card-color),var(--card-color));background-repeat:no-repeat;background-size:30px 100%;padding-left:40px}.task:hover{transform:scale(1.01);background-size:20px 100%}.task__header{gap:20px}.task__header-content{gap:4px}.task__title-input{font-size:.95rem}.task__date{gap:4px}.task__star,.task__delete{font-size:.9rem}}@media screen and (max-width:530px){.task{background-color:var(--color-background);background-image:linear-gradient(to right,var(--card-color),var(--card-color));background-repeat:no-repeat;background-size:15px 100%;padding:6px 12px 6px 20px}.task:hover{background-size:10px 100%}.task__header{gap:8px}.task__title-input{font-size:.7rem}.task__date{gap:2px}.task__date-input{font-size:10px;padding:1px 2px}.task__star,.task__delete{font-size:.9rem}.task__content-subtitle{font-size:12px}.task__description-input{font-size:10px}}.task__wrapper{width:100%;height:auto;z-index:10}.task__tasks-container{width:100%;min-height:300px;padding-bottom:80px;display:flex;flex-direction:column;gap:14px}.task__no-task{width:100%;height:500px;display:flex;justify-content:center;align-items:center;animation:task-no-task-float .5s ease-in-out}@keyframes task-no-task-float{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.task__no-task img{max-height:100%;object-fit:contain}.task__add-task-btn{position:fixed;right:45px;bottom:50px;z-index:11;opacity:.7;width:52px;height:52px;border-radius:12px;background:var(--color-primary);color:var(--color-background);font-size:2rem;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;box-shadow:0 6px 16px #00000026;transition:all .2s ease-in-out}.task__add-task-btn:hover{opacity:.95}@media screen and (max-width:768px){.task__add-task-btn{right:20px;bottom:20px;width:40px;height:40px;font-size:1.5rem}.task__no-task img{max-height:70%;object-fit:contain}}.calendar{width:100%;color:var(--color-text-light)}.calendar__header{width:100%;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:5px;box-shadow:0 2px 2px var(--color-shadow)}.calendar__nav{font-size:1.3rem;width:30px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:8px;transition:all .3s ease-in-out}.calendar__nav:hover{color:var(--color-primary-light)}.calendar__selectors{display:flex;gap:12px}.calendar__selector{position:relative;display:inline-flex;align-items:center}.calendar__selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:2px 36px 2px 12px;font-size:.8rem;border-radius:8px;border:1px solid var(--color-border);color:var(--color-text);font-weight:700;cursor:pointer;min-width:100px}.calendar__selector select:hover{border-color:var(--color-primary)}.calendar__selector select:focus{outline:none;border-color:var(--color-primary-light)}.calendar__selector-icon{position:absolute;pointer-events:none;font-size:1rem;right:10px;color:var(--color-text-light)}.calendar__dates{width:100%;padding:10px;display:flex;flex-direction:column;background-color:var(--color-background);border-radius:8px;border:1px solid var(--color-border);margin-top:10px;box-shadow:0 2px 2px var(--color-shadow);color:var(--color-text-primary)}.calendar__dates thead{color:var(--color-text-light)}.calendar__week{width:100%;height:35px;padding:0 2px;display:flex}.calendar__date{flex:1;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer;transition:all .1s ease-in-out}.calendar__date:hover{background-color:var(--color-hover)}.calendar__date--today{background-color:var(--color-primary)}.calendar__date--inactive{color:var(--color-text-light)}.calendar__date--active{outline:2px solid var(--color-primary-light);outline-offset:-2px}.calendar__current-date{font-size:1.8rem;font-weight:650;width:100%;height:80px;display:flex;align-items:center}.calendar__date--has-task{position:relative}.calendar__date--has-task:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--color-error);border-radius:50%}@media screen and (max-width:530px){.calendar__dates{font-size:.7rem}.calendar__nav{font-size:1rem}.calendar__selector select{min-width:80px;font-size:.7rem}.calendar__current-date{font-size:1.5rem}}.search__wrapper{position:relative;z-index:100;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:12px;padding-top:10px;padding-bottom:20px;gap:10px;box-shadow:0 2px 4px var(--color-shadow)}.search__header{font-size:1.5rem;color:var(--color-text-secondary)}.search__input-wrapper{width:100%;max-width:600px;display:flex;gap:8px;align-items:center;justify-content:center}.search__form{max-width:500px;width:90%}.search__input{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search__input:focus{border-color:var(--color-primary)}.search__submit-btn{background:transparent;border:none;cursor:pointer;color:var(--color-primary);font-size:16px;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s,transform .1s}.search__submit-btn:hover{color:var(--color-primary-light);transform:translateY(-1px)}.search__results{position:relative;z-index:100;width:100%;margin-top:15px}.search__bg{position:fixed;left:155px;bottom:-165px;width:500px;height:500px;z-index:0}.dot{position:absolute;width:40px;height:40px;background:var(--color-accent-lighter);border-radius:50%;opacity:0;transform:scale(0);animation:growIn .8s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 2px 2px var(--color-shadow);pointer-events:none;transition:background .8s ease-in-out,box-shadow .5s ease-in-out,border-radius .5s ease-in-out}.sparkle{background:var(--color-accent-light);box-shadow:0 3px 6px var(--color-accent);border-radius:35%}@keyframes growIn{to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.search__header{font-size:1.2rem}.search__input-wrapper{width:90%}.search__bg{left:-90px}}.star__wrapper{position:relative;width:100%;height:80px;display:flex;justify-content:center;align-items:center;z-index:100}.star__header{font-size:1.5rem;color:var(--color-text-secondary)}.star__results{position:relative;width:100%;z-index:100}.star__bg{position:fixed;width:calc(100vw - 220px);height:100%;bottom:0;right:0;display:flex;justify-content:flex-start;gap:10px;align-items:flex-end;pointer-events:none;z-index:1;padding-left:20px}.star__bg-rect{position:relative;width:15px;background-color:var(--color-accent);border-top-left-radius:15px;border-top-right-radius:15px;height:0;animation:grow .2s forwards}.star__bg-rect:before{content:"";position:absolute;bottom:0;width:100%;background-color:var(--color-text-secondary);height:0;animation:growBefore .4s forwards}.star__bg-rect:after{content:"";position:absolute;bottom:0;width:100%;background-color:var(--color-primary-light);height:0;animation:growAfter .7s forwards}.star__bg-rect:nth-child(2){--final-height: 500px;animation-delay:0s}.star__bg-rect:nth-child(3){--final-height: 321px;animation-delay:.05s}.star__bg-rect:nth-child(4){--final-height: 214px;animation-delay:.1s}.star__bg-rect:nth-child(5){--final-height: 129px;animation-delay:.15s}.star__bg-rect:nth-child(6){--final-height: 86px;animation-delay:.2s}.star__bg-rect:nth-child(7){--final-height: 57px;animation-delay:.25s}.star__bg-rect:nth-child(8){--final-height: 36px;animation-delay:.3s}.star__bg-rect:nth-child(9){--final-height: 21px;animation-delay:.35s}.star__bg-rect:nth-child(8):before{border-top-left-radius:10px;border-top-right-radius:10px}.star__bg-rect:nth-child(9):before{border-top-left-radius:10px;border-top-right-radius:10px}.star__bg-star{position:absolute;left:-46px;bottom:500px}.layer1{animation:starRotate 70s linear infinite}.layer2{animation:starRotate 90s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grow{0%{height:0;opacity:0}to{height:var(--final-height);opacity:1}}@keyframes growBefore{0%{height:0}to{height:calc(var(--final-height) * .8)}}@keyframes growAfter{0%{height:0}to{height:calc(var(--final-height) * .5)}}@media screen and (max-width:768px){.star__header{font-size:1.2rem}.star__bg{width:100vw}}.complete__wrapper{width:100%;height:80px;display:flex;justify-content:center;align-items:center;position:relative;z-index:100}.complete__header{font-size:1.5rem;color:var(--color-text-secondary)}.complete__results{position:relative;width:100%;z-index:100}.complete__bg{position:fixed;width:calc(100vw - 220px);height:100%;bottom:0;right:0;display:flex;pointer-events:none;z-index:1}.complete__bg-left{position:absolute;left:0;bottom:0;height:300px;width:35%;-webkit-clip-path:polygon(0 30%,0% 100%,97% 100%);clip-path:polygon(0 30%,0% 100%,97% 100%);overflow:hidden}.complete__bg-left:after{content:"";position:absolute;left:0;bottom:0;height:100%;width:0;--width: 600px;background-color:var(--color-primary);animation:unfold .25s cubic-bezier(.22,1,.36,1) forwards}.complete__bg-right{position:absolute;left:60%;bottom:0;height:500px;width:40%;-webkit-clip-path:polygon(0 100%,100% 100%,100% 14%);clip-path:polygon(0 100%,100% 100%,100% 14%);overflow:hidden}.complete__bg-right:after{content:"";position:absolute;left:0;bottom:0;height:100%;width:0;--width: 600px;background-color:var(--color-primary-light);animation:unfold .25s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s}@keyframes unfold{0%{width:0}to{width:var(--width)}}@media screen and (max-width:768px){.complete__header{font-size:1.2rem}.complete__bg{width:100vw}}.all__wrapper{width:100%;height:80px;display:flex;justify-content:center;align-items:center;position:relative;z-index:100}.all__header{font-size:1.5rem;color:var(--color-text-secondary)}.all__results{position:relative;z-index:100;width:100%}.all__bg{position:fixed;right:0;bottom:0;width:calc(100vw - 220px);height:100%;z-index:1}.all__bg-circle{position:absolute;left:0;bottom:0;aspect-ratio:1;border-radius:50%;transform:translate(-50%,50%);transform-origin:center;animation:rotate .6s cubic-bezier(.22,1,.36,1) forwards}.all__bg-circle:nth-of-type(1){width:250px;background:conic-gradient(transparent 0deg 180deg,var(--color-accent-light) 180deg 360deg)}.all__bg-circle:nth-of-type(2){width:220px;background:conic-gradient(transparent 0deg 150deg,var(--color-accent) 150deg 360deg)}.all__bg-circle:nth-of-type(3){width:300px;background:conic-gradient(transparent 0deg 200deg,var(--color-accent-lighter) 200deg 360deg)}.all__bg svg{position:absolute;left:0;bottom:0;transform:translateY(50%)}.all__bg circle{transform-origin:0 400px}.all__bg circle:nth-of-type(1){animation:svg-rotate 30s linear infinite}.all__bg circle:nth-of-type(2){animation:svg-rotate 60s linear infinite}.all__bg circle:nth-of-type(3){animation:svg-rotate 70s linear infinite}@keyframes svg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:translate(-50%,50%)}to{transform:translate(-50%,50%) rotate(200deg)}}@media screen and (max-width:768px){.all__header{font-size:1.2rem}.all__bg{width:100vw}}