*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:10px}body{max-width:1800px;margin-inline:auto;color:#fff;font-family:Poppins,Arial,Helvetica,sans-serif;background-color:#1a1a1a;line-height:1.4}.task-page-container{padding:clamp(16px,3vw,30px)}.loadingScreen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){body{color:#000;background-color:#f2f2f2}}.notification{width:fit-content;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:9999;min-width:280px;max-width:90vw;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 56px #00000059;animation:slideDown .2s ease}.notification p{margin:0;color:#fff;font-size:1.4rem;line-height:1.4}.notification.success{background-color:#10b981f2;border-color:#a7f3d0bf}.notification.error{background-color:#ef4444f2;border-color:#fecacabf}.notification button{background:transparent;border:none;color:#fff;font-size:1.7rem;cursor:pointer}button,.authLink,.task-item{user-select:none;-webkit-user-select:none}.app-title{font-size:4rem;font-weight:800;position:fixed;top:10vh;user-select:none;-webkit-user-select:none}.authPage{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center}.sign-box{width:400px;max-width:90%;background-color:#1f1f1f;border:1px solid rgba(99,102,241,.35);border-radius:24px;padding:3rem 2.4rem;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:1.8rem}.sign-box h2{font-size:2.7rem;line-height:1.1;letter-spacing:-.03em;margin:0}.sign-box form{display:flex;flex-direction:column;gap:1rem}.sign-box input{width:100%;border:1px solid hsl(0,0%,28%);background-color:#242424;color:#fff;border-radius:14px;padding:1.1rem 1.3rem;font-size:1.5rem;outline:none}.sign-box input::placeholder{color:#a3a3a3}.sign-box input:focus{border-color:#3381ff;box-shadow:0 0 0 4px #3b82f61f}.sign-box button{width:100%;margin-top:.4rem;background-color:#3381ff;color:#fff;border:none;border-radius:14px;padding:1.1rem 1.3rem;font-size:1.55rem;cursor:pointer;transition:background-color .2s ease}.sign-box button:hover{background-color:#1a71ff}.sign-box p{margin:0;font-size:1.4rem;color:#a8a8a8;text-align:center}.sign-box span.authLink{margin-left:.35rem;color:#3381ff;font-weight:600;cursor:pointer}.sign-box span.authLink:hover{text-decoration:underline}.authLink.disabledLink{opacity:.5;pointer-events:none;cursor:not-allowed}.buttonSpinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;display:inline-block;margin-right:8px;animation:spin .8s linear infinite}@media (prefers-color-scheme: light){.sign-box{background-color:#fff;border-color:#3b82f633;box-shadow:0 24px 60px #0000001a}.sign-box input{background-color:#fafafa;color:#1f1f1f}.sign-box p{color:#707070}}nav{padding-bottom:25px;display:flex;align-items:center;position:relative}nav div{font-size:2.8rem}nav button{color:#fff;font-size:1.7rem;margin-left:auto;background-color:#3381ff;padding:8px 12px;border:none;border-radius:5px;outline:none}.navActions{margin-left:auto;display:flex;align-items:center;gap:.8rem}.addTaskButton{color:#fff;font-size:1.7rem;background-color:#3381ff;margin-right:1vw;padding:8px 14px;border:none;border-radius:5px;cursor:pointer;outline:none}.profileWrapper{position:relative}.profileBtn{width:44px;height:44px;background-color:#3381ff;border:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;outline:none;color:#fff}.profileMenu{position:absolute;top:54px;right:0;min-width:280px;background-color:#1f1f1f;border:1px solid hsl(217,100%,60%);border-radius:10px;padding:1.5rem;box-shadow:0 16px 36px #00000059;z-index:10}.profileMenu p{margin:0 0 12px;font-size:1.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signOutBtn{width:100%;background-color:#3381ff;border:none;border-radius:6px;padding:10px 12px;color:#fff;font-size:1.45rem;cursor:pointer}.newTaskContainer{font-size:1.7rem;width:min(90vw,400px);border-radius:10px;background:#1e1f20;padding:3rem;display:flex;flex-direction:column;gap:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;border:1px solid hsl(0,0%,30%)}.header{font-size:1.9rem;display:flex}.closeBtn{font-size:1.95rem;color:#fff;background:none;margin-left:auto;margin-right:5px;border:none;outline:none}.closer{position:fixed;inset:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90}.addTaskBtn{color:#fff;font-size:1.7rem;margin-left:auto;background-color:#3381ff;padding:8px 12px;border:none;border-radius:5px;outline:none}.newTaskContainer input,.newTaskContainer textarea{font-size:1.8rem;color:#fff;background-color:#1e1f20;border-radius:5px;outline:none;border:1px solid hsl(0,0%,50%);padding:8px 12px}.newTaskContainer input{height:40px}.newTaskContainer textarea{resize:vertical;overflow:auto;scrollbar-width:none;scroll-behavior:smooth}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid hsl(217,100%,60%);outline-offset:2px}.addTaskButton:hover,.signOutBtn:hover,.addTaskBtn:hover{filter:brightness(.8)}@media (prefers-color-scheme: light){.newTaskContainer{background:#f2f2f2;border-color:#bfbfbf}.closeBtn{color:#000}.newTaskContainer input,.newTaskContainer textarea{color:#000;background-color:#ebebeb}}.noTasks{font-size:2.5rem;text-align:center;margin-top:20vh}#tasksContainer{display:flex;flex-direction:column;align-items:center;gap:20px}.taskContainer{width:100%;max-width:950px;color:#e6e6e6;font-size:1.6rem;background-color:#333;padding:25px 20px 20px;border-radius:5px;text-wrap:wrap;border:1px solid hsl(0,0%,30%);cursor:pointer}.title{display:flex;font-size:1.8rem;font-weight:700;margin-bottom:10px}.taskDescription{position:relative;overflow:hidden;max-height:72px;transition:max-height .3s ease}.taskDescription.overflowing:not(.expanded):after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(transparent,#333)}.deleteBtn{color:red;background-color:#333;border:none;border-radius:5px;cursor:pointer}.editBtn{color:#fff;background-color:#333;border:none;margin-left:auto;margin-right:15px;cursor:pointer}@media (prefers-color-scheme: light){.taskContainer{color:#000;background-color:#fff;border-color:#d9d9d9}.deleteBtn{background-color:#fff}.editBtn{color:#000;background-color:#fff}}