body{background:#d3a304d4}nav{text-align:center;padding:12px clamp(16px, 4w, 60px);background:#ffdab9;align-items:center;gap:12px;font-size:1.3rem;display:flex;position:sticky}button{cursor:pointer}nav a{color:#26345c;border-radius:12px;padding:9px 14px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s,color .2s}nav a:hover{color:#5377d3;background-color:#26505c}nav a[aria-current=page]{color:#fff;background:linear-gradient(135deg,#26345c,#4058a0);border:2px solid #e6b929;transform:translateY(-2px);box-shadow:3px 3px #e6b929}.title{text-align:center;color:#fff;background-image:linear-gradient(135deg,#ffb15e 0%,#ff7a59 20%,#ff5c8d 45%,#d946ef 70%,#8b5cf6 100%);border:1px solid #000;border-radius:2rem;margin:1rem 0 0;font-size:3rem}.title h1,.title p{color:#fff;margin:1.7rem 0}.title p{font-size:1.2rem}.date{color:#5546e8;background:linear-gradient(135deg,#8a5cf6d1,#3b82f61f);border:1px solid #6366f12e;border-radius:14px;align-items:center;padding:10px 30px;font-weight:600;box-shadow:inset 0 1px #ffffffb3}.pending-tasks{color:#5546e8;background:linear-gradient(135deg,#60a5fad9,#2563eb26);border:1px solid #6366f140;border-radius:14px;padding:10px 30px;font-weight:600;box-shadow:inset 0 2px 2px #fffc,inset 0 -2px 4px #2563eb26}.completed-tasks{color:#076e3b;background:linear-gradient(135deg,#4ade80d9,#05966926);border:1px solid #22c55e40;border-radius:14px;padding:10px 30px;font-weight:600;box-shadow:inset 0 2px 2px #fffc,inset 0 -2px 4px #05966926}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.auto{text-align:center;color:#d10909;margin:0;font-size:2rem}.auto h2{-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#ff3b30 0%,#ff2d55 15%,#af52de 40%,#5856d6 60%,#007aff 80%,#5ac8fa 100%);-webkit-background-clip:text}.auto h2,.auto p{margin:0}.auto p{text-align:left;color:#282828;margin:1rem 0;font-size:1.2rem}.auto textarea{background-color:pink;border:1px solid #0e0000;width:100%;max-width:98%;height:50px;padding:10px;font-size:1rem}.auto textarea:focus{outline:none;box-shadow:0 0 5px #ea0c9180}.auto textarea::placeholder{color:ruby;opacity:.7}.auto button{color:#fff;cursor:pointer;background-color:#e01160;border:none;border-radius:19px;padding:10px 20px;font-size:1rem;display:inline-block}.auto button:hover{background-color:#c10e4f;border:2px solid #000;border-radius:20px}.auto button:disabled{cursor:not-allowed;opacity:.6}.auto .task-message{text-align:center;white-space:pre-line}.search{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.search h2{text-align:center;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,green,#00807e,#5b099a,#000);-webkit-background-clip:text;margin-bottom:1rem;font-family:Courier New,Courier,monospace;font-size:2.5rem}.search textarea{text-align:center;color:#f30808;background:#deb887;border:1px solid #ccc;width:320px;max-width:90%;height:25px;max-height:50px;font-size:1rem}.search button{background:#b92f2f;border-radius:19px;padding:10px 20px;transition:all .5s}.search button:disabled{cursor:not-allowed;opacity:.6}.search button:disabled:hover{background:#b92f2f;border:none;translate:0}.search button:hover{background:red;border:2px solid #000;border-radius:20px;translate:2px -2px}.search ul{list-style:circle}.footer{text-align:right;margin-top:1rem;padding:1rem}.today-tasks{align-content:center;align-self:center;align-items:center}.today-tasks h2{text-align:center;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#87ceeb,#000080c2,#000a);-webkit-background-clip:text;font-family:fantasy;font-size:2.7rem}.today-tasks ul{text-align:center;color:#186d56;font-weight:700;list-style:none}.today-tasks{font-size:1.6rem}.manual-add{background:#03ea7367}.manual-add label{text-align:center;font-size:1.4rem}.manual-add select{margin-right:30px;font-size:1.1rem}.manual-add input{background-color:pink;width:200px;height:30px;margin:.5rem;font-size:1.3rem}.manual-add h1{text-align:center;-webkit-text-fill-color:transparent;background-image:linear-gradient(#881191,#9b1010,#acce06);-webkit-background-clip:text;font-size:2.5rem}.manual-add button{color:#044dac;background-color:#ffdab9;border-radius:3rem;margin-top:1%;margin-bottom:1%;margin-left:47%;font-size:1rem}.manual-add button:hover{background-color:#06f706;transform:scale(1.1)}.manual-add button:disabled{cursor:not-allowed;opacity:.3}.title2{text-align:center;color:#fff;background-image:linear-gradient(135deg,#00f,#088d8d,#897777,green);border:2px solid #fff;border-radius:1rem;margin:1rem 0 0;font-size:2rem}.upcoming-tasks{text-align:center;font-family:Courier New,Courier,monospace}.upcoming-tasks h2{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2.6rem;text-decoration-line:underline;text-decoration-style:wavy}.upcoming-tasks ul{color:#8e1796;font-size:1.4rem;list-style:none}.today-tasks li,.upcoming-tasks li{box-sizing:border-box;min-height:60px;padding:10px 70px;position:relative}.upcoming-tasks li{border:2px solid #2c3e50;border-radius:50px;margin-bottom:20px}.completed-check{color:green;cursor:pointer;background:0 0;border-radius:50%;width:50px;height:50px;margin:0;transition:all .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.completed-check:hover{color:#fff;background:green;transform:translateY(-50%)scale(1.1)}.complete-spinner{border:3px solid #ccc;border-top-color:green;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite complete-spin;display:inline-block}.completed-check:disabled{cursor:wait;opacity:.6}.complete-message{color:green;text-align:center;font-weight:700}@keyframes complete-spin{to{transform:rotate(360deg)}}.delete-button{float:right;cursor:pointer;background:0 0;border-radius:50%;width:50px;height:50px;margin-top:-55px;margin-right:5px;transition:all .2s}.delete-button:hover{background-color:red;transform:scale(1.2)}.delete-message{color:red;text-align:center;font-weight:700}.pending-title-box{text-align:center;margin:30px auto;padding:28px 20px;position:relative}.task-badge{white-space:nowrap;color:#000;background:#1c8d9877;border:2px solid #000;padding:8px 14px;font-size:2rem;font-weight:700;position:absolute;top:50%}.today-badge{left:20px;transform:translateY(-50%)rotate(-35deg)}.upcoming-badge{right:20px;transform:translateY(-50%)rotate(35deg)}.completed-tasks ul{text-align:center}.completed-tasks li{color:#08075c;border:1px solid #000;border-radius:10px;margin-bottom:1%;font-size:1.1rem}.completed-tasks h2{text-align:center;color:#8c2b8a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.toggle-completed-button{border:2px solid #639;border-radius:50px;margin-top:30px;margin-right:500px;font-size:15px;position:absolute;right:10px}.Clear-tasks{background:red;margin-bottom:1rem;font-size:1.5rem;position:absolute;right:20px}.editBtn{border:#000;border-radius:50px;font-size:large;transition:all .2s}.editBtn:hover{cursor:pointer;background-color:#fff;transform:scale(1.1)}.edit-form{box-sizing:border-box;background:linear-gradient(135deg,#3dd6d029,#6d45e824,#e749ae24);border:2px solid #6d45e859;border-radius:20px;flex:1;grid-template-columns:minmax(0,1fr) minmax(140px,.4fr);gap:12px;width:100px;padding:18px;display:grid;box-shadow:0 10px 25px #2c3e5224}.edit-form input,.edit-form textarea,.edit-form select{box-sizing:border-box;border:2px solid #0000;border-radius:12px;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.edit-form input[type=text],.edit-form textarea{grid-column:1/-1}.edit-form input:focus,.edit-form textarea:focus,.edit-form select:focus{border-color:#6d45e8;transform:translateY(-1px);box-shadow:0 0 0 4px #6d45e826}.edit-form button{cursor:pointer;border:none;border-radius:12px;padding:11px 18px;transition:transform .2s,box-shadow .2s,opacity .2s}.edit-form button:hover{transform:translateY(-5px), scale(1.1);color:#fff;background-color:#3f3db0;box-shadow:0 8px 18px #000}.overdue-tasks{box-sizing:border-box;background:linear-gradient(135deg,#ff4600,#ffa60038);border:2px solid #c62828;border-radius:24px;width:min(100% - 40px,1100px);margin:25px auto;padding:22px}.overdue-tasks h2{text-align:center;color:#8b0000;margin:0 0 20px;font-size:2rem}.overdue-tasks ul{margin:0;padding:0;list-style:none}.overdue-tasks li{box-sizing:border-box;text-align:center;background:#ffffff8c;border:2px solid #ffffff8c;border-radius:18px;min-height:80px;margin-bottom:14px;padding:16px 80px;position:relative}.overdue-tasks .editBtn{margin-top:10px}.overdue-tasks .delete-button{float:none;margin:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.overdue-tasks .delete-button:hover{transform:translateY(-50%)scale(1.1)}.future-room{text-align:center;background-color:#aa7648;margin-top:2rem}.future-room h1{margin-top:10px;font-size:5rem;-webkit-text-decoration:underline double;text-decoration:underline double}.future-task-detail{text-align:left;background-color:#1077aa;border:2px solid #000;margin-bottom:20px;margin-left:5px;margin-right:5px;padding:1px 12px}.future-task-detail h2{margin-bottom:7px;font-family:Courier New,Courier,monospace;font-size:2.5rem;text-decoration:underline}.future-task-detail p{font-size:1.3rem;font-style:italic}.future-room a{text-align:left;width:100%;font-size:2.5rem;display:inline-block}.message-user{text-align:right;background-color:wheat;border-radius:20%;width:max-content;max-width:90%;margin-left:auto;margin-right:2%;padding:10px}.message-user strong{color:#901021}.message-assistant{text-align:left;background-color:#fff;border:1px solid #000;width:max-content;max-width:90%;margin-left:2%;margin-right:auto;padding:10px}.message-assistant strong{color:#901021}.message-user,.message-assistant{margin-top:4px;margin-bottom:4px;font-size:.8rem}.message-user p,.message-assistant p{margin-top:2px;margin-bottom:2px;font-size:1.3rem}.Query{border-radius:20px;width:90%;margin:1%;padding:10px 20px;font-size:1.5rem}.Ask-ai{margin-bottom:20px;font-size:2rem;transition:all .1s}.Ask-ai:hover{transform:translateY(10px)}.AI-complete{color:#fff;float:right;background-color:#076e3b;margin-top:69px;margin-bottom:10px;margin-right:20px;font-size:1.6rem;transition:all .2s;rotate:20deg}.AI-complete:hover{cursor:pointer;border-radius:30px;transform:translateY(-5px)}.future-sprint{background:#ffffff79;margin:20px;display:block}.future-sprint h2{color:#02f;font-size:2.3rem}.sprint-options button{color:#121000;background-image:linear-gradient(90deg,#0000ff68,#00800091);border:1px solid;border-radius:20px;margin-bottom:20px;margin-right:20px;font-size:1.3rem;transition:all .2s}.start-sprint{color:green;background-color:#5ac7faa3;border:none;margin:10px;font-size:1.2rem;transition:all .2s}.sprint-options button[aria-pressed=true]{color:#fff;background-image:linear-gradient(135deg,#0000ffd9,#008000fc);border:4px solid #7f0;transform:translateY(-5px)}.stop-sprint{color:red;background-color:#ffea00;margin:10px;font-size:1.2rem;transform:translateY(-5px)}.sprint-options button:hover{transform:translateY(-5px)}.start-sprint:hover{background-color:#00800044;transform:translateY(-5px)}.sprint-time{margin:0;font-size:2rem}.sprint-progress{border:2px solid #333;width:220px;margin:20px auto;overflow:hidden}.future-room-button{background-image:linear-gradient(135deg,#00c6ff,#356cff,#8b5cf6,#f03cac,#ff6b81);margin-top:10px;margin-right:20px;font-family:cursive;font-size:1.2rem;transition:all .2s ease-in}.future-room-button:hover{text-decoration:underline;transform:translateY(-5px)}.back-button{color:#fff;background-color:#000;border:none;border-radius:10px;margin-top:8px;margin-left:10px;font-size:2rem}.loading-screen{text-align:center;color:purple;margin-top:25%;font-size:30px}.loading-screen p{color:#666;margin-top:10px;font-size:20px}.jumping-text span{animation:.3s ease-in-out infinite alternate text-jump;display:inline-block}.jumping-text span:first-child{animation-delay:0s}.jumping-text span:nth-child(2){animation-delay:.1s}.jumping-text span:nth-child(3){animation-delay:.2s}.jumping-text span:nth-child(4){animation-delay:.3s}.jumping-text span:nth-child(5){animation-delay:.4s}.jumping-text span:nth-child(6){animation-delay:.5s}.jumping-text span:nth-child(7){animation-delay:.6s}.jumping-text span:nth-child(8){animation-delay:.7s}.jumping-text span:nth-child(9){animation-delay:.8s}@keyframes text-jump{0%{transform:translateY(1px)}to{color:#048a8f;transform:translateY(-50px)}}*,:before,:after{box-sizing:border-box}body{margin:0}main{width:min(100% - 24px,1100px);margin-inline:auto}nav{flex-wrap:wrap;justify-content:center;padding:12px clamp(16px,4vw,60px)}.title{padding:16px;font-size:clamp(1.5rem,5vw,3rem)}.row>*{flex:220px;min-width:0}.auto textarea,.search textarea{width:min(100%,600px);max-width:100%}.manual-add form{gap:14px;width:min(100% - 24px,650px);margin:0 auto;display:grid}.manual-add label{flex-direction:column;gap:6px;display:flex}.manual-add input,.manual-add select{width:100%;margin:0}.manual-add button{justify-self:center;margin:10px 0}.toggle-completed-button,.Clear-tasks{margin:10px;position:static}.future-room h1{font-size:clamp(2rem,7vw,5rem)}.future-room a{width:auto}.future-chat form{gap:8px;padding:10px;display:flex}.Query{flex:1;width:auto;min-width:0;margin:0}.message-user,.message-assistant{overflow-wrap:anywhere;width:fit-content;max-width:90%}.loading-screen{place-items:center;min-height:100vh;margin:0;padding:20px;display:grid}@media (width<=600px){.pending-title-box .task-badge{margin:4px;font-size:1rem;display:inline-block;position:static;transform:none}.today-tasks ul,.upcoming-tasks ul,.completed-tasks ul{padding-left:0}.today-tasks li,.upcoming-tasks li,.overdue-tasks li{padding:14px}.completed-check,.delete-button,.overdue-tasks .delete-button{float:none;margin:6px;position:static;transform:none}.edit-form{grid-template-columns:1fr}.AI-complete{float:none;margin:10px}}main{width:92%;max-width:none}.overdue-tasks{width:96%;max-width:none}.title h1{font-size:clamp(2rem,4vw,3.5rem)}@media (width>=80rem){.manual-add form{width:70%}.auto textarea,.search textarea{width:65%;max-width:none}}@media (width<=600px){.manual-add label{margin-left:0!important}}.auto{flex-direction:column;align-items:center;gap:.75rem;display:flex}.auto h2{width:max-content;max-width:100%;font-size:clamp(2rem,4vw,3rem)}.auto textarea{resize:vertical;width:min(92%,75ch);min-height:6rem;margin:0;display:block}.auto button{align-self:center;margin:0}.manual-add form label{margin-left:0!important}
