Reset básico *{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px;transition:all .4s;display:flex}h2{margin-bottom:15px;font-size:28px}#input{border:none;border-radius:10px;outline:none;width:280px;margin-left:45px;padding:12px 15px;font-size:16px}button{cursor:pointer;border:none;border-radius:10px;padding:10px 15px;font-weight:700;transition:all .3s}#agregar{color:#fff;background:#00c9a7;margin-top:20px;margin-left:25px;padding:10px 15px}#agregar:hover{background:#00a387;transform:scale(1.05)}.modo-oscuro{color:#fff;background:#222;margin-bottom:20px}.modo-oscuro:hover{background:#444}#lista{width:320px;margin-top:20px;list-style:none}li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;transition:all .3s;display:flex}li:hover{transform:scale(1.02)}li button{margin-left:5px;padding:5px 10px;font-size:12px}li button:first-of-type{color:#fff;background:#ff4d4d}li button:first-of-type:hover{background:#c00}li button:last-of-type{color:#fff;background:#4caf50}li button:last-of-type:hover{background:#2e7d32}#tareas,#numero{margin-top:15px;font-size:18px}body[style*=white]{color:#000;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}