*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#1a0033,#000);color:#3fc;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.5;padding:20px}.container{max-width:900px;margin:auto;padding:20px;background:#111;border:3px solid #ff33cc;border-radius:10px;box-shadow:0 0 15px #f3c,0 0 40px #3fc inset}.header{text-align:center;color:#fc0;text-shadow:0 0 5px #ff33cc;margin-bottom:20px}.header h1{font-size:1.5rem;margin-bottom:10px}.todo-form{background:#204;padding:20px;border:2px solid #33ccff;border-radius:8px;margin-bottom:30px;box-shadow:0 0 10px #3cf inset}.todo-form h2{color:#f3c;font-size:1rem;margin-bottom:15px}.todo-form input,.todo-form select{font-family:"Press Start 2P",monospace;background-color:#000;color:#3fc;border:2px solid #ff33cc;padding:10px;width:100%;margin-bottom:15px}.todo-form input:focus,.todo-form select:focus{outline:none;border-color:#0ff;box-shadow:0 0 5px #0ff}.todo-form label{display:flex;align-items:center;color:#fff;margin-bottom:15px}.todo-form button{font-family:"Press Start 2P",monospace;background-color:#f3c;border:2px solid #33ffcc;color:#000;padding:12px;width:100%;cursor:pointer;transition:.2s}.todo-form button:hover{background-color:#3fc;color:#000;box-shadow:0 0 10px #3fc}.listDisplay{margin-top:20px}#todo-list{list-style:none}.todo-item{display:flex;justify-content:space-between;align-items:center;background:#003;border:2px solid #ffcc00;padding:15px;margin-bottom:10px;border-radius:5px;box-shadow:0 0 10px #fc0;transition:transform .2s}.todo-item:hover{transform:scale(1.02);box-shadow:0 0 12px #f3c}.todo-info h3{color:#fff;margin-bottom:5px}.todo-info p{color:#fc9;font-size:.7rem}.completed-task h3,.completed-task p{text-decoration:line-through;color:#888}.todo-actions{display:flex;gap:10px}.todo-actions input[type=checkbox]{transform:scale(1.5);cursor:pointer;accent-color:#00ffff}.clear-btn{font-family:"Press Start 2P",monospace;background-color:red;border:2px solid #ffff00;color:#fff;padding:6px 10px;cursor:pointer;transition:.2s}.clear-btn:hover{background-color:#ff0;color:#000;box-shadow:0 0 8px red}.empty-message{color:#fc9;text-align:center;font-size:.9rem}@media (min-width: 768px){.container{grid-template-columns:2fr 1fr}}