#landing-page-container{display:flex;height:100vh;position:relative;background-color:var(--bg-dark)}#landing-page-left{width:70vw;position:relative;padding-left:10%;display:flex;justify-content:center;flex-direction:column;gap:2rem}#landing-page-left h1{font-size:6.8vw;font-family:caveat;color:var(--text-accent);cursor:default}#landing-page-left p{font-size:3.5vw;color:var(--text-muted)}#landing-page-left span{color:var(--text-muted);font-size:calc(.5vw + .5rem)}#landing-page-right{width:30vw;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.landing-page-auth-btn{padding:10px;width:50%;font-size:20px;border:none;border-radius:100px;font-family:Montserrat;background-color:var(--text-muted);color:var(--bg-dark);cursor:pointer}.landing-page-auth-btn:hover{background-color:var(--text-accent)}.auth-form-bg{z-index:10;width:100vw;height:100vh;position:absolute;display:grid;place-content:center;align-self:flex-end;background-color:var(--bg-dark)}.auth-form-container{z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:4vh 4vw;border-radius:20px;color:var(--text-light);height:fit-content;width:min-content;padding-bottom:3rem;padding-top:4rem;border:solid 2px var(--border);border-top:solid 2px var(--highlight);background:linear-gradient(0deg,var(--bg) 20%,var(--bg-light))}.auth-input{padding-bottom:4px;margin-bottom:20px;background:transparent;color:var(--text-light);border:none;border-bottom:2px solid var(--highlight);font-size:1.1rem}.auth-input::placeholder{padding:4px 0;margin-bottom:5px}.auth-input:focus{outline:none;border-bottom:2px solid var(--text-accent)}.auth-label{align-self:flex-start;font-weight:500;font-family:Poppins}.auth-form-submit-btn{width:70%;padding:8px 0;margin-top:10px;border-radius:2em;border:none;margin-bottom:10px;cursor:pointer;font-family:Poppins;background-color:var(--text-accent);color:var(--text-light)}.auth-form-submit-btn:before{content:".";color:var(--text-accent)}.auth-req-loading{width:20px;position:absolute;color:var(--text-light);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-10%) rotate(0)}to{transform:translate(-50%,-10%) rotate(360deg)}}.ErrorInValidatingAuth{color:#ed2626;text-align:center;position:absolute;top:85%}@media screen and (max-width: 800px){#app-root-container{position:relative;background-color:var(--bg-dark);color:var(--text-light)}#landing-page-container{display:flex;flex-direction:column;height:auto;padding-bottom:4rem}#landing-page-left{height:70%;width:100%;padding:5%;display:flex;justify-content:flex-start;padding-top:25vh;flex-direction:column;gap:3rem}#landing-page-right{height:0%;width:100%;gap:16px;margin-top:3rem}#landing-page-left h1{font-size:calc(10vw + 1rem)}#landing-page-left p{font-size:calc(3vw + 1rem)}.auth-form-bg{margin-top:-50vh}.auth-form-container{padding:4vh 8vw}.ErrorInValidatingAuth{top:85%}}.avatar-selection-container{position:absolute;height:100vh;width:100vw;left:0;top:0;z-index:99999;justify-content:center;align-items:center;display:flex;flex-direction:column;background-color:var(--bg)}.avatar-selection-box{display:flex;align-items:center;position:relative;background-color:var(--bg-light);padding:1rem 3rem 4rem;border-radius:2rem;box-shadow:0 0 10px 1px var(--text-color)}.show-avatars-btn{background-color:transparent;color:var(--text-muted);border:none;cursor:pointer;height:250px;padding:2rem;position:absolute}.show-avatars-btn:hover{background:radial-gradient(var(--text-color) -125%,transparent 70%)!important;color:var(--text-light)}.show-avatars-btn-left{left:-.3rem}.show-avatars-btn-right{right:-.3rem}.actual-avatar-img{width:16rem;aspect-ratio:1;object-fit:cover;object-position:top;display:none;border-radius:100%}.selected{display:block}.avatar-selection-btn-container{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.avatar-selection-btn{background-color:var(--text-accent);color:var(bg-dark);padding:8px 16px;border:none;cursor:pointer;border-radius:8px}.avatar-selection-btn:hover{background-color:var(--accent-shade)}#nav-component{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bg-dark);color:var(--text-muted);box-shadow:0 2px 4px #0000001a;padding:8px 0;height:100dvh;width:50px}.nav-top{margin-top:20px}#nav-component .nav-items{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);transition:background-color .3s}.search-bar{display:flex;align-items:center;justify-content:center;max-width:200px;gap:20px;position:relative}.search-icon-container{display:flex;align-items:center;border-radius:8px 0 0 8px;padding:4px 12px 4px 4px;margin-left:6px;z-index:99999999}.curve-border-style-container{z-index:999;height:25px;width:25px;top:35px;position:absolute;right:-50px;background-color:var(--bg)}.curve-border-style{width:25px;height:25px;display:block;background-color:var(--bg);border-top-right-radius:12px}.search-box-container{position:absolute;left:0;height:100%;max-width:250px}.search-name-input{position:absolute;left:50px;height:100%;max-width:250px;width:250px;padding:0 8px 0 1ch;border:none;border-radius:0 8px 0 0;outline:none;z-index:99;background-color:var(--bg-light);color:var(--text-text);font-size:24px}.search-name-input-line{width:240px;height:2px;background-color:var(--text-coloA);position:absolute;z-index:999999999999;display:inline-block;left:55px;bottom:0}.search-results-box{position:absolute;top:36px;left:50px;z-index:99;min-width:250px;max-width:250px;color:var(--text-muted);background-color:var(--bg-light);border-radius:0 0 8px 8px}.search-results-box li{list-style:none;font-size:24px;padding:2px 1ch;cursor:pointer}.search-results-box li:hover{color:var(--text-light)}.search-results-box li:last-child{border-radius:0 0 8px 8px}.matched-username>*{text-decoration:none;color:var(--text-muted)}.nav-items .btnC{padding:6px}.nav-icon{cursor:pointer;height:28px;width:28px}.todo-icon{height:40px;width:40px}#todo-page{display:flex;flex-direction:column;flex-grow:1;align-items:center;position:relative;margin-top:24px}#create-show-all-todo-container{width:50vw}.create-todo-container{display:flex;align-items:stretch;gap:4px}#create-todo-title{border-radius:8px 0 0 8px;background-color:var(--bg-light);color:var(--text-light);font-family:Poppins,sans-serif;width:100%;border:none;outline:none;font-size:24px;padding:8px 20px}#create-todo-title::placeholder{color:var(--text-muted)}.add-todo{background-color:var(--bg-light);color:var(--text-light);cursor:pointer;border:none;display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;padding:8px;border-radius:0 8px 8px 0}.all-todos{margin-top:24px;display:flex;flex-direction:column;gap:12px}.single-todo-container{display:flex}.single-todo-container:has(.todo-checkbox[type=checkbox]:checked){opacity:.7}.single-todo-container:has(.todo-checkbox[type=checkbox]:checked) .todo-title{opacity:.5}.single-todo-container:hover .btnR :first-child{color:var(--text-light)}.todo-checkbox{cursor:pointer;display:none}.todo-title{display:flex;align-items:center;font-size:28px;color:var(--text-light);width:50vw;padding-left:10px;position:relative}.todo-title-text{position:relative;cursor:pointer;font-family:Poppins}.todo-checkbox[type=checkbox]:checked+.todo-title{text-decoration:line-through}.todo-tag-container{display:flex;flex-wrap:wrap;list-style-type:none;left:0rem;top:100%;gap:12px}.tag-color-input{opacity:0;z-index:10;width:1.5rem;cursor:crosshair}.tag-color-input-div{position:relitive;display:flex;align-items:center}.todo-tag{font-size:12px;padding:1px 6px;text-wrap:nowrap;color:var(--text-light);border-radius:1rem;margin:none;font-family:poppins}.todo-more-btn{position:relative;padding:0;max-width:100%}.todo-more-container{position:absolute;top:0;right:0;z-index:100;display:flex;flex-direction:column;background-color:var(--bg);padding:4px;gap:4px;width:150px;max-width:150px;border-radius:4px}.todo-more-container li{display:flex;gap:8px;width:100%;background-color:var(--bg);color:var(--text-muted);border-radius:4px}.todo-more-container li p{white-space:nowrap;max-width:100%}.todo-more-container li:hover{background-color:var(--bg-light)}.todo-more-container li:hover input{background-color:var(--bg-light)!important}.todo-tag-input{background-color:var(--bg);border:none;max-width:75%;outline:none;color:var(--text-muted);font-size:1.1rem}.todo-tag-btn:hover input{background-color:var(--bg)!important}@media screen and (max-width: 750px){#create-show-all-todo-container{width:65vw}}@media screen and (max-width: 600px){#create-show-all-todo-container{width:auto}.create-todo-container{max-width:80vw;margin:auto}.single-todo-container{margin:auto}.todo-title{padding:0}}@media (max-width: 390px){#create-todo-title{font-size:20px}}@media (max-width: 350px){#create-todo-title{font-size:18px}.todo-title-text{font-size:20px}.todo-tag{font-size:10px}}body:has(#profile-container),#app-root-container:has(#profile-container){background-color:var(--bg-dark);margin:auto}#profile-container{flex-grow:1;border-radius:2rem;background-color:var(--bg);display:grid;grid-template-columns:1fr 2fr;gap:1rem;max-width:1200px;margin:2rem auto;height:min-content}.display-flex{display:flex}.left{display:flex;flex-direction:column;padding:3rem 0;gap:8px;position:relative;justify-content:center}.left:after{content:"";position:absolute;right:0;width:1px;height:86%;opacity:.5;background-color:var(--border)}.pfp-container{display:flex;justify-content:center;position:relative}.pfp{border-radius:100%;max-width:250px;min-width:50px}.name{display:inline;margin:auto;font-family:caveat}.view-follow-container{display:flex;align-items:center;margin:auto}.view-follow{display:flex;align-items:center;background-color:transparent;border:none;color:var(--text-muted);gap:4px;padding:0 .5rem}button.view-follow:hover{color:var(--text-accent)}.follow-icons{width:16px}.edit-or-follow-btn{margin:auto;padding:8px 16px;border-radius:.5rem;cursor:pointer;background:var(--gradient);border:solid 1px var(--border);border-top:solid 1px var(--highlight);color:var(--text-light)}.follow-btn{background:var(--text-muted);color:var(--bg);border-radius:4rem;font-weight:700}.edit-or-follow-btn:hover{background:var(--gradient-hover)}.follow-btn:hover{background:var(--text-light)}.social-media-links{display:flex;list-style-type:none;margin:auto}.social-media-links li{padding:.5rem .5rem .2rem;border-radius:4px}.social-media-links li:hover{background-color:var(--bg-light)}.social-media-svg{color:var(--text-muted)}.social-media-links li:hover .social-media-svg{color:var(--text-color)}.right{display:flex;flex-direction:column;gap:1rem;padding:3rem}.svg-404-container{display:flex;justify-content:center;align-items:center;height:100vh}.svg-404{max-width:50vw;max-height:50vh;background-color:#deb88799;border-radius:12px;filter:invert(1)}@media screen and (max-width: 1200px){#profile-container{margin:2rem}}@media (max-width: 800px){#profile-container{grid-template-columns:1fr}.left{max-width:none}.left:after{opacity:0}.svg-404{max-width:90vw;max-height:50vh}}.setting-container{display:flex;justify-content:center;margin-top:64px;width:100%;height:fit-content}.list-title{font-size:larger;padding:8px}.todo-default-container{width:600px;background:var(--bg);border-radius:8px;padding:32px}.defaults-list{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 32px;width:500px}.defaults-list *{cursor:pointer}.toggle-input{position:relative;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toggle-input:before{content:"Private       Public";white-space:pre;text-align:center;background-color:var(--bg-light);color:var(--text-muted);width:fit-content;padding-left:2ch;padding-right:2ch;height:32px;line-height:32px;font-size:larger;border-radius:50px}.toggle-input:after{content:"Private";text-align:center;padding-left:2ch;padding-right:2ch;width:fit-content;background-color:var(--accent-shade);color:#fff;height:32px;line-height:32px;font-size:larger;border-radius:50px;position:absolute}.toggle-input:checked:after{content:"Public";text-align:center;padding-left:2ch;padding-right:2ch;width:fit-content;background-color:var(--accent-shade);color:#fff;height:32px;line-height:32px;font-size:larger;border-radius:50px;position:absolute;transform:translate(calc(9ch + .9px))}*{margin:0;padding:0;box-sizing:border-box}.dark{--bg-dark: hsl(0, 0%, 2%);--bg: hsl(0, 0%, 8%);--bg-light: hsl(0, 0%, 20%);--text-muted: hsl(0, 0%, 70%);--text-muted-light: hsl(0, 0%, 85%);--text-light: hsl(0, 0%, 95%);--text-accent: hsl(203, 85%, 54%);--accent-shade: hsl(203, 95%, 45%);--border: hsl(0, 0%, 30%);--highlight: hsl(0, 0%, 60%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light))}.light{--bg-dark: hsl(0, 0%, 86%);--bg: hsl(0, 0%, 92%);--bg-light: hsl(0, 0%, 98%);--text-muted: hsl(0, 0%, 30%);--text-muted-light: hsl(0, 0%, 15%);--text-light: hsl(0, 0%, 5%);--text-accent: hsl(203, 85%, 54%);--accent-shade: hsl(203, 95%, 45%);--border: hsl(0, 0%, 70%);--highlight: hsl(0, 0%, 40%);--gradient: linear-gradient(0deg, var(--bg) 90%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light))}body,#app-root-container{background-color:var(--bg-dark)}#app-root-container{color:var(--text-muted);width:100%;min-height:100vh;height:100%}.btnC{background:var(--bg-dark);color:var(--text-muted);border:none;cursor:pointer;display:grid;padding:8px;border-radius:50%}.btnR{background-color:var(--bg-dark);color:var(--text-muted);border:none;cursor:pointer;padding:8px;border-radius:8px}.btnC :first-child,.btnR :first-child{align-items:center;color:inherit}.btnC:hover{background-color:var(--bg-light);color:var(--text-light)}.btnR:hover{background-color:var(--bg);color:var(--text-light)}