@font-face{font-family:MyCustomFont;src:url(/fonts/Pangolin-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MyLocalSevenSegment;src:url(/fonts/7segment.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{margin:0;padding:0;overflow:hidden}:root{--wallpaper-url: url(/images/warm-color.png)}#root{padding:0;margin:0;overflow:hidden;height:100%;width:100%;background:linear-gradient(#3e3e3e4d,#000000b3),var(--wallpaper-url) center / cover no-repeat}h1{font-weight:400;color:#fff;padding:0;margin:0}h2{height:100%;width:100%;margin:0;padding:0;grid-row:1 / 2;font-weight:400;color:#fff}#page{padding:0;margin:0;display:grid;grid-template-columns:100vw;grid-template-rows:15vh 85vh;place-items:center;height:100%;width:100%}#main-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.global-scrollbar-track{width:80%;height:10px;margin-top:1vh;background:#037b654d;border-radius:5px;position:relative;cursor:pointer}.global-scrollbar-thumb{height:100%;background:#037b65cc;border-radius:5px;position:absolute;cursor:grab;transition:left .15s ease-out}.global-scrollbar-thumb:hover{background:#037b65}#nav-bar{padding-top:0;margin-top:7vh;border:solid 0px rgb(129,129,129);min-height:0;height:95%;width:91%;grid-row:1;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:2vw;place-items:center;align-items:center;border-radius:10vh}.buttons{padding:0;margin:0;position:relative;width:clamp(20px,7vh,100px);aspect-ratio:1 / 1;border-radius:30%;border:solid 1px rgba(255,255,255,.5);background:transparent;-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%);transition:transform .2s ease-in-out}.buttons:hover{transform:scale(1.1);border:solid 3px rgb(143,194,187)}.buttons:active{transform:scale(.9)}.notification-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background-color:#e74c3c;border-radius:50%;border:2px solid rgba(0,0,0,.3)}#clock{grid-column:2 / 3;display:flex;justify-content:center;align-items:center;border:solid 0px black;height:50%;width:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.9))}#buttons-space{grid-column:3 / 4;height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;padding-right:1vw;gap:1vw}#AddFriend{display:flex;justify-content:center;align-items:center}#add-friend-img{height:70%;width:70%}#profile-icon-img{height:80%;width:80%}#Profile{display:flex;justify-content:center;align-items:center}#box-container{padding:0;margin:0;width:100%;max-width:100%;height:80vh;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box}.box{padding:0%;margin:0;color:#fff;background-color:#ff814603;border:solid 1px rgba(255,255,255,.4);box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset;border-radius:3vh;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;-webkit-backdrop-filter:blur(8px) saturate(140%) brightness(120%);backdrop-filter:blur(8px) saturate(140%) brightness(120%)}#userbox{padding:3%;margin:0;box-sizing:border-box;height:70vh;width:100%;color:#cacaca;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 6fr}#friend-box{padding:3%;margin:0;min-height:0%;min-width:0%;height:100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 6fr}.buttons:hover{border-color:#20dab8}.buttons:active{border-color:#1f584e}.user-profile{display:flex;align-items:center;gap:1vh;width:fit-content;max-width:50%;border:solid .5px rgba(255,255,255,.7);border-radius:5vh;box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset;padding:.4em .8em .4em .4em}.friend-profile{display:flex;align-items:center;gap:1vh;width:fit-content;max-width:50%;border:solid .5px rgba(255,255,255,.5);border-radius:3vh;box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset;padding:.4em .8em .4em .4em}.profile-pic{width:clamp(1.5rem,4vh,3rem);height:clamp(1.5rem,4vh,3rem);aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;flex-shrink:0}#name-on-box{font-size:clamp(.8rem,2vw,1.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-pic-placeholder{width:clamp(1.5rem,4vh,3rem);height:clamp(1.5rem,4vh,3rem);aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;border:solid 1px rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;flex-shrink:0}.friend-box{padding:0;margin:0;min-width:calc(50% - 1vh);flex-shrink:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 5fr;place-items:center}.no-friends-text{color:#afafaf;font-family:Inter,sans-serif;font-size:3vh;font-weight:300;text-align:center}.friend-grid-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.friend-nav-arrow{background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:clamp(24px,3vw,48px);height:clamp(24px,3vw,48px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:absolute;z-index:10;margin:-2%}.friend-nav-arrow svg{width:clamp(14px,1.8vw,28px);height:clamp(14px,1.8vw,28px)}.friend-nav-arrow:hover{background:#fff3;border-color:#fffc}.friend-nav-left{left:clamp(-40px,-2vw,-15px)}.friend-nav-right{right:clamp(-40px,-2vw,-15px)}#friendGrid{padding:0;margin:0;border:0px;height:70vh;max-height:70vh;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1vw}#friendGrid.slide-left{animation:slideLeft .7s ease}#friendGrid.slide-right{animation:slideRight .7s ease}@keyframes slideLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}#friendGrid.empty-grid{display:flex;justify-content:center;align-items:center;animation:none}.checklist-container::-webkit-scrollbar{width:6px;height:8px}.checklist-container::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.checklist-container::-webkit-scrollbar-thumb{background:#ffffffb3;border-radius:10px}.checklist-container::-webkit-scrollbar-thumb:hover{background:#fff}.privacy-icon{opacity:0;transition:opacity .2s ease;cursor:pointer;flex-shrink:0}.task-row:hover .privacy-icon{opacity:1}.privacy-icon.is-private{opacity:.7}.privacy-icon:hover{opacity:1!important}.checklist-container{width:100%;height:100%;padding:2%;display:flex;flex-direction:column;gap:5%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.task-row{display:flex;align-items:flex-start;gap:2%;width:100%;margin-bottom:1%}.task-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(1.2rem,2.5vw,2.5rem);height:clamp(1.2rem,2.5vw,2.5rem);min-width:clamp(1.2rem,2.5vw,2.5rem);aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}.task-checkbox:checked{background:#00b997;border-color:#00b997}.task-checkbox:checked:after{content:"";position:absolute;left:50%;top:45%;width:.35em;height:.6em;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.task-textarea{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:clamp(.6rem,1.2vw,1.2rem);color:inherit;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;resize:none;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;line-height:1.4;margin-top:clamp(.15rem,.5vw,.6rem)}.task-textarea.completed{text-decoration:line-through}.privacy-button{background:transparent;border:none;padding:0;width:2.5em;height:2.5em;flex-shrink:0}.checklist-friend-container::-webkit-scrollbar{width:4px;height:6px}.checklist-friend-container::-webkit-scrollbar-track{background:#fff3;border-radius:10px}.checklist-friend-container::-webkit-scrollbar-thumb{background:#ffffffb3;border-radius:10px}.checklist-friend-container::-webkit-scrollbar-thumb:hover{background:#037b65}.checklist-friend-container{width:95%;height:95%;padding:6% 3% 3%;margin:0%;display:flex;flex-direction:column;gap:5%;overflow-y:auto;overflow-x:auto;box-sizing:border-box}.checklist-friend-empty{color:#fff;font-size:clamp(.6rem,1.5vw,.9rem);text-align:center;font-style:italic}.checklist-friend-task-row{display:flex;align-items:center;gap:5%;width:100%;margin-bottom:1%}.checklist-friend-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5em;height:1.5em;min-width:1.5em;aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:transparent;cursor:default;pointer-events:none;flex-shrink:0;position:relative}.checklist-friend-checkbox:checked{background:#00b997;border-color:#00b997}.checklist-friend-checkbox:checked:after{content:"";position:absolute;left:50%;top:45%;width:.28em;height:.5em;border:solid white;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.checklist-friend-task-text{flex:1;min-width:0;font-size:clamp(.6rem,1vw,1rem);color:#d4d4d4;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;line-height:1.3}.checklist-friend-task-text.completed{text-decoration:line-through}.checklist-friend-task-text.private{color:#888;font-style:italic}.addfriend-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addfriend-modal{background:transparent;-webkit-backdrop-filter:blur(8px) brightness(140%);backdrop-filter:blur(8px) brightness(140%);border-radius:3vh;padding:4vh;width:90%;max-width:400px;position:relative;font-family:Inter,sans-serif;border:solid 1px rgba(255,255,255,.4);box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset}.addfriend-close{position:absolute;top:2vh;right:2vh;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .2s ease-in-out}.addfriend-close:hover{transform:scale(1.2)}.addfriend-title{font-weight:400;color:#fff;margin:0 0 3vh;text-align:center}.addfriend-tabs{display:flex;gap:0;margin-bottom:3vh;border-radius:4vh;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.addfriend-tab{flex:1;padding:1.5vh 2vh;border:none;background-color:transparent;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#fff;cursor:pointer;transition:all .2s ease-in-out;position:relative}.addfriend-tab.active{background-color:#037b65;color:#fff}.addfriend-tab:hover:not(.active){background-color:#ffffff1a}.tab-notification-dot{position:absolute;top:.8vh;right:.8vh;width:8px;height:8px;background-color:#e74c3c;border-radius:50%}.addfriend-content,.addfriend-content form{display:flex;flex-direction:column;gap:2vh}.addfriend-input{padding:1.5vh 2vh;border-radius:2vh;border:solid 1px rgba(255,255,255,.3);background-color:transparent;font-family:Inter,sans-serif;font-size:1rem;color:#fff;transition:border-color .2s ease-in-out}.addfriend-input:focus{outline:none;border-color:#037b65}.addfriend-input::placeholder{color:#ffffff80}.addfriend-message{font-size:.9rem;margin:0;text-align:center}.addfriend-message.error{color:#e74c3c}.addfriend-message.success{color:#037b65}.addfriend-message.info{color:#ffffffb3}.addfriend-btn{padding:1.5vh 4vh;border-radius:4vh;border:1px solid rgba(255,255,255,.3);background-color:#037b65;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:transform .2s ease-in-out}.addfriend-btn:hover{transform:scale(1.05)}.addfriend-btn:active{transform:scale(.95)}.requests-section{margin-bottom:2vh}.requests-section h3{font-weight:400;color:#fff;font-size:1rem;margin:0 0 1vh}.no-requests{color:#ffffff80;font-size:.9rem;margin:0}.request-item{display:flex;justify-content:space-between;align-items:center;padding:1vh 0;border-bottom:1px solid rgba(255,255,255,.2)}.request-item span{color:#fff}.request-actions{display:flex;gap:1vh}.accept-btn,.decline-btn,.cancel-btn,.remove-btn{padding:.8vh 1.5vh;border-radius:2vh;border:none;font-family:Inter,sans-serif;font-size:.85rem;cursor:pointer;transition:transform .2s ease-in-out}.accept-btn{background-color:#037b65;color:#fff}.decline-btn,.cancel-btn{background-color:#fff3;color:#fff}.remove-btn{background:transparent;border:solid 2px rgb(157,52,52);color:#a12f2f}.accept-btn:hover,.decline-btn:hover,.cancel-btn:hover,.remove-btn:hover{transform:scale(1.05)}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:1vh 0;border-bottom:1px solid rgba(255,255,255,.2)}.friend-info{display:flex;align-items:center;gap:1vh;color:#fff}.friend-list-pic{width:3vh;height:3vh;border-radius:50%;object-fit:cover}.friend-list-pic-placeholder{width:3vh;height:3vh;border-radius:50%;background-color:#ffffff4d}.profile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-modal{background:transparent;-webkit-backdrop-filter:blur(8px) brightness(140%);backdrop-filter:blur(8px) brightness(140%);border-radius:3vh;padding:4vh;width:90%;max-width:400px;position:relative;font-family:Inter,sans-serif;border:solid 1px rgba(255,255,255,.4);box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset}.profile-close{position:absolute;top:2vh;right:2vh;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .2s ease-in-out}.profile-close:hover{transform:scale(1.2)}.profile-title{font-weight:400;color:#fff;margin:0 0 3vh;text-align:center}.profile-content{display:flex;flex-direction:column;gap:3vh}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:2vh}.profile-picture-container{position:relative;width:100px;height:100px}.profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.profile-picture-placeholder{width:100%;height:100%;border-radius:50%;background-color:#fff3;display:flex;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,.5)}.profile-picture-placeholder svg{width:50%;height:50%}.profile-picture-edit{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:#037b65;border:2px solid rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease-in-out}.profile-picture-edit:hover{transform:scale(1.1)}.profile-picture-edit svg{width:16px;height:16px}.profile-picture-input{display:none}.profile-field{display:flex;flex-direction:column;gap:1vh}.profile-label{color:#ffffffb3;font-size:.9rem}.profile-input{padding:1.5vh 2vh;border-radius:2vh;border:solid 1px rgba(255,255,255,.3);background-color:transparent;font-family:Inter,sans-serif;font-size:1rem;color:#fff;transition:border-color .2s ease-in-out}.profile-input:focus{outline:none;border-color:#037b65}.profile-input::placeholder{color:#ffffff80}.profile-email{padding:1.5vh 2vh;color:#ffffff80;font-size:.95rem}.profile-message{font-size:.9rem;margin:0;text-align:center}.profile-message.error{color:#e74c3c}.profile-message.success{color:#037b65}.profile-actions{display:flex;flex-direction:column;gap:1.5vh;margin-top:1vh}.profile-save-btn{padding:1.5vh 4vh;border-radius:4vh;border:1px solid rgba(255,255,255,.3);background-color:#037b65;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:transform .2s ease-in-out}.profile-save-btn:hover{transform:scale(1.05)}.profile-save-btn:active{transform:scale(.95)}.profile-logout-btn{padding:1.5vh 4vh;border-radius:4vh;border:1px solid rgba(220,49,31,.9);background:transparent;color:#ce2323;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:transform .2s ease-in-out}.profile-logout-btn:hover{transform:scale(1.05);background-color:#d42c194d}.profile-logout-btn:active{transform:scale(.95)}.wallpaper-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.wallpaper-modal{background:transparent;-webkit-backdrop-filter:blur(8px) brightness(140%);backdrop-filter:blur(8px) brightness(140%);border:1px solid rgba(255,255,255,.4);box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset;border-radius:3vh;padding:4vh;width:90%;max-width:400px;position:relative;font-family:Inter,sans-serif}.wallpaper-close{position:absolute;top:2vh;right:2vh;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .2s ease-in-out}.wallpaper-close:hover{transform:scale(1.2)}.wallpaper-title{font-weight:300;color:#fff;margin:0 0 3vh;text-align:center;font-family:Inter,sans-serif}.wallpaper-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2vh}.wallpaper-option{width:clamp(60px,15vw,80px);aspect-ratio:1 / 1;border-radius:50%;border:2px solid rgba(255,255,255,.4);background-size:cover;background-position:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.wallpaper-option:hover{transform:scale(1.1);border-color:#fffc}.wallpaper-option.selected{border:3px solid rgb(3,123,101);box-shadow:0 0 10px #037b6599}.wallpaper-label{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:clamp(.5rem,1.5vw,.7rem);padding:.3em 0;text-align:center;font-family:Inter,sans-serif;font-weight:300}#wallpaper-button-space{grid-column:1 / 2;height:100%;width:100%;display:flex;justify-content:flex-start;align-items:center;padding-left:2%}.wallpaper-button{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(.6rem,1.5vw,1rem);color:#fff;display:flex;justify-content:center;align-items:center}.wallpaper-button:hover{transform:scale(1.1);border:solid 3px rgb(143,194,187)}.wallpaper-button:active{transform:scale(.9)}.logs-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.logs-modal{background:transparent;-webkit-backdrop-filter:blur(8px) brightness(140%);backdrop-filter:blur(8px) brightness(140%);border:1px solid rgba(255,255,255,.4);box-shadow:0 0 5px #000000e6;box-shadow:0 0 20px 1px #fff3 inset;border-radius:3vh;padding:4vh;width:90%;max-width:500px;min-height:400px;position:relative;font-family:Inter,sans-serif}.logs-close{position:absolute;top:2vh;right:2vh;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;transition:transform .2s ease-in-out}.logs-close:hover{transform:scale(1.2)}.logs-title{font-weight:300;color:#fff;margin:0 0 3vh;text-align:center;font-family:Inter,sans-serif}.calendar-container{color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh}.calendar-nav{background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;cursor:pointer;width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.calendar-nav:hover{background:#fff3;border-color:#fffc}.calendar-month{font-weight:300;color:#fff;margin:0;font-family:Inter,sans-serif}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1vh;text-align:center;font-weight:300;color:#ccc;font-size:.9rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.5vh;transition:all .2s ease;font-weight:300;position:relative}.calendar-day:not(.empty):hover{background:#fff3}.calendar-day.empty{cursor:default}.calendar-day.today{background:#037b6599;font-weight:400}.calendar-day.selected{background:#037b65cc;border:1px solid rgba(3,123,101,1)}.error-message{color:#ff6b6b;text-align:center;margin-top:2vh;font-style:italic;font-weight:300}.tasks-container{color:#fff}.tasks-header{display:flex;align-items:center;gap:2vh;margin-bottom:3vh}.back-button{background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:.5vh;color:#fff;cursor:pointer;padding:.5em 1em;font-family:Inter,sans-serif;font-weight:300;transition:all .2s ease}.back-button:hover{background:#fff3;border-color:#fffc}.tasks-header h3{font-weight:300;color:#fff;margin:0;font-family:Inter,sans-serif}.tasks-list{display:flex;flex-direction:column;gap:1.5vh;max-height:300px;overflow-y:auto}.task-item{display:flex;align-items:flex-start;gap:1.5vh}.task-item-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1em;height:1.1em;min-width:1.1em;aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;pointer-events:none;margin-top:.1em;flex-shrink:0;position:relative}.task-item-checkbox:checked{background:#00b997;border-color:#00b997}.task-item-checkbox:checked:after{content:"";position:absolute;left:50%;top:45%;width:.28em;height:.5em;border:solid white;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.task-item-text{font-family:Inter,sans-serif;font-weight:300;color:#d4d4d4;line-height:1.3;word-wrap:break-word}.task-item-text.completed{text-decoration:line-through}.task-item-text.private{color:#888;font-style:italic}.no-tasks{color:#ccc;text-align:center;font-style:italic;font-weight:300;margin:2vh 0}.tasks-list::-webkit-scrollbar{width:4px}.tasks-list::-webkit-scrollbar-track{background:#037b6533;border-radius:10px}.tasks-list::-webkit-scrollbar-thumb{background:#037b65b3;border-radius:10px}.tasks-list::-webkit-scrollbar-thumb:hover{background:#037b65}#landing-page{padding:0;margin:0;background:linear-gradient(#32323280,#00000080),url(/images/apple-black-waves.jpg) center / cover no-repeat;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#landing-container{padding:4vh;margin:0;display:flex;flex-direction:column;align-items:center;gap:6vh;width:80%;max-width:900px}#landing-box{padding:6vh 8vh;margin:0;background:transparent;-webkit-backdrop-filter:brightness(140%);backdrop-filter:brightness(140%);border:solid 0px rgba(255,255,255,.8);border-radius:3vh;filter:none;display:flex;flex-direction:column;align-items:center;gap:3vh;width:100%;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}#landing-title{font-weight:400;color:#fff;font-size:4rem;margin:0;padding:0}#landing-subtitle{color:#ffffffb3;font-size:1.2rem;margin:0;padding:0;text-align:center}#landing-subtitle2{color:#ffffffe6;font-size:1rem;margin:0;padding:0;text-align:center}#auth-toggle{display:flex;gap:0;margin-top:2vh;border-radius:4vh;overflow:hidden;border:1px solid rgba(255,255,255,.3);filter:none}.firebase-error{color:#e74c3c;font-size:.9rem;margin:2vh 0;padding:1.5vh 2vh;background-color:#e74c3c33;border-radius:1vh;text-align:center;width:100%;max-width:300px;box-sizing:border-box}.toggle-btn{padding:1.5vh 4vh;margin:0;border:none;background-color:transparent;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.toggle-btn.active{background-color:#037b65;color:#fff}.toggle-btn:hover:not(.active){background-color:#ffffff1a}#auth-form{display:flex;flex-direction:column;gap:2vh;width:100%;max-width:300px;margin-top:3vh}.auth-input{padding:1.5vh 2vh;margin:0;border-radius:2vh;border:solid 1px rgba(255,255,255,.3);background-color:transparent;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#fff;transition:border-color .2s ease-in-out}.auth-input:focus{outline:none;border-color:#037b65}.auth-input:disabled{background-color:#ffffff1a;cursor:not-allowed}.auth-input::placeholder{color:#ffffff80}.auth-error{color:#e74c3c;font-size:.9rem;margin:1vh 0;text-align:center}#divider{display:flex;align-items:center;width:100%;max-width:300px;margin:2vh 0}#divider:before,#divider:after{content:"";flex:1;height:1px;background-color:#ffffff4d}#divider span{padding:0 2vh;color:#ffffff80;font-size:.9rem}.landing-btn{padding:1.5vh 4vh;margin:0;border-radius:4vh;border:solid 1px rgba(255,255,255,.3);filter:none;background-color:#037b65;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:transform .2s ease-in-out}.landing-btn:hover{transform:scale(1.05)}.landing-btn:active{transform:scale(.95)}.landing-btn:disabled{background-color:#fff3;color:#ffffff80;cursor:not-allowed;transform:none;filter:none}.landing-btn:disabled:hover{transform:none}.google-btn{display:flex;align-items:center;justify-content:center;gap:1vh;width:100%;max-width:300px;background-color:transparent;border:1px solid rgba(255,255,255,.3)}.google-btn:hover{background-color:#ffffff1a}.google-icon{width:20px;height:20px}@media(max-width:768px){#landing-box{padding:4vh}#landing-title{font-size:2.5rem}#landing-buttons{flex-direction:column}}