*,:before,:after{box-sizing:border-box}body{color:#2b2b2b;background-image:conic-gradient(red,orange,#ff0,green,#00f,indigo,violet,red);min-height:100vh;margin:0;font-family:Courier New,Courier,monospace;line-height:1.5}h1{text-align:center;margin-bottom:2rem}main{flex-direction:column;gap:1.5rem;display:flex}.container{-webkit-backdrop-filter:blur(12px);background:#fff9;width:min(800px,100% - 2rem);margin:2rem auto;padding:clamp(1rem,4vw,2rem);box-shadow:0 8px 20px #00000080}#todo-form{flex-direction:column;gap:.75rem;display:flex}#todo-form label{font-weight:600}#todo-form input,#todo-form select,#todo-form button{font:inherit;margin-bottom:.5rem}#task-input,#priority-input{border:1px solid #00000026;border-radius:10px;width:100%;padding:.75rem 1rem}#task-input{min-height:3rem}#todo-form button{cursor:pointer;color:#fff;background:#000c;border:none;border-radius:10px;align-self:flex-start;padding:.75rem 1.25rem;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 10px #00000080}#todo-form button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000080}#todo-form button:active{transform:translateY(0);box-shadow:0 4px 10px #00000080}#task-input.input-error,#priority-input.input-error{border:2px solid red}#error-message{color:red;margin-top:.5rem;font-size:.9rem}#clear-completed-btn{width:100%;font:inherit;cursor:pointer;color:#fff;background:#000c;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 10px #00000080}#clear-completed-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000080}#clear-completed-btn:active{transform:translateY(0);box-shadow:0 4px 10px #00000080}.todo-sections{gap:1.5rem;display:grid}.todo-sections section{background:#ffffff59;padding:clamp(.25rem,4vw,.75rem);box-shadow:0 8px 20px #00000080}.todo-sections h2{text-align:center;margin-top:0;margin-bottom:1rem}#todo-list,#completed-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.empty-state{text-align:center;grid-column:1/-1;padding:1.5rem;font-style:italic}#todo-list,#completed-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.todo-item{aspect-ratio:1;color:#222;border-radius:2px;flex-direction:column;justify-content:space-between;padding:1rem;font-weight:600;transition:transform .1s,box-shadow .1s;display:flex;overflow-y:auto;box-shadow:0 8px 15px #0003}.todo-item:hover{transform:translateY(-3px);box-shadow:0 14px 25px #0000004d}.todo-item p{margin:0}.todo-item p:first-child{color:#333;font-size:.85rem}.todo-item p:nth-child(2){font-size:1rem}.priority-1{background:#ffadad}.priority-2{background:#fdffb6}.priority-3{background:#a0c4ff}.completed{background:#caffbf}.todo-item button{font:inherit;cursor:pointer;color:#fff;background:#000c;border:none;border-radius:6px;align-self:flex-start;margin-top:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:transform .1s,box-shadow .1s,background .2s;box-shadow:0 4px 10px #00000080}.todo-item button:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 20px #00000080}.todo-item button:active{transform:translateY(0);box-shadow:0 4px 10px #00000080}